欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angularjs中數(shù)據(jù)綁定的實例詳解

 更新時間:2017年08月25日 11:36:41   投稿:lqh  
這篇文章主要介紹了Angularjs中數(shù)據(jù)綁定的實例詳解的相關(guān)資料,這里提供簡單實例,大家可以參考下,希望通過本文可以掌握這部分內(nèi)容,需要的朋友可以參考下

Angularjs中數(shù)據(jù)綁定的實例詳解

這是一個最簡單的angularjs的例子,關(guān)于數(shù)據(jù)綁定的,大家可以執(zhí)行一下,看看效果

<html ng-app>
<head>
<title>angularjs-include</title>
<script type="text/javascript" src="js/angular/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="name" value="" /><br />
<div>Hello,{{name}}</div>
</body>
</html>

關(guān)于數(shù)據(jù)雙向綁定,有時候不需要實時同步,比如當(dāng)輸入框失去焦點的時候才去更新div里面的內(nèi)容,這里可以用上ng-model-options屬性來解決,將上面的代碼稍做修改:

<html ng-app>
<head>
<title>angularjs-include</title>
<script type="text/javascript" src="js/angular/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="name" value="" ng-model-options="{ updateOn: 'blur' }" /><br />
<div>Hello,{{name}}</div>
</body>
</html>

 或者改為每隔1秒來更新:

<html ng-app>
<head>
<title>angularjs-include</title>
<script type="text/javascript" src="js/angular/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="name" value="" ng-model-options="{ debounce: {default:1000} }" /><br />
<div>Hello,{{name}}</div>
</body>
</html>

如有疑問請留言或者到本站社區(qū)交流討論,大家共同進步,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

最新評論