AngularJS基礎(chǔ) ng-value 指令簡單示例

更新時(shí)間：2016年08月03日 10:27:22 投稿：lqh

本文主要介紹AngularJS ng-value 指令,這里對ng-value 的基礎(chǔ)資料做了整理，并附實(shí)例代碼，有需要的小伙伴可以參考下

AngularJS ng-value 指令

AngularJS 實(shí)例

設(shè)置輸入框的值:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<input ng-value="myVar">

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.myVar = "Hello World!";
});
</script>

<p>該實(shí)例演示了如何使用 AngularJS 表達(dá)式來設(shè)置輸入框的值。</p>

</body>
</html>

定義和用法

ng-value 指令用于設(shè)置 input 或 select 元素的 value 屬性。

語法

<input> 和 <select> 元素支持該屬性。

參數(shù)值

值	描述
expression	表達(dá)式用于設(shè)置 value 屬性的值。

以上就是對AngularJS ng-value 指令資料的整理，后續(xù)繼續(xù)補(bǔ)充，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

淺談Angular路由復(fù)用策略
本篇文章主要介紹了淺談Angular路由復(fù)用策略，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10
詳解從angular-cli：1.0.0-beta.28.3升級到@angular/cli：1.0.0
本篇文章主要介紹了詳解從angular-cli：1.0.0-beta.28.3升級到@angular/cli：1.0.0，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-05-05
ionic3+Angular4實(shí)現(xiàn)接口請求及本地json文件讀取示例
本篇文章主要介紹了ionic3+Angular4實(shí)現(xiàn)接口請求及本地json文件讀取示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼
分頁是很多web應(yīng)用都會(huì)用到的，本篇文章主要介紹了Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下。
2016-12-12
讓angularjs支持瀏覽器自動(dòng)填表
簡單來說Angular.js是google開發(fā)者設(shè)計(jì)和開發(fā)的一套前端開發(fā)框架，幫助你簡化前端開發(fā)的負(fù)擔(dān)。當(dāng)然，這里有很多其它的前端開發(fā)框架，但是如何選擇合適的前端框架對于我們這些開發(fā)人員來說就不是那么容易了！
2014-11-11
angular2系列之路由轉(zhuǎn)場動(dòng)畫的示例代碼
本篇文章主要介紹了angular2系列之路由轉(zhuǎn)場動(dòng)畫的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
angular+ionic 的app上拉加載更新數(shù)據(jù)實(shí)現(xiàn)方法
這篇文章主要介紹了angular+ionic 的app上拉加載更新數(shù)據(jù)實(shí)現(xiàn)方法，需要的的朋友參考下
2017-01-01
深入探究AngularJs之$scope對象（作用域）
本篇文章主要介紹了深入探究AngularJs之$scope對象（作用域），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
AngularJS 輸入驗(yàn)證的原理解析
AngularJS 的輸入驗(yàn)證是一個(gè)強(qiáng)大的功能,可以幫助開發(fā)者確保用戶輸入的數(shù)據(jù)是準(zhǔn)確和完整的,這篇文章主要介紹了AngularJS 輸入驗(yàn)證,需要的朋友可以參考下
2024-07-07
AngularJS中比較兩個(gè)數(shù)組是否相同
這篇文章主要介紹了AngularJS中比較兩個(gè)數(shù)組是否相同，介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-08-08