angular1資料繫結例子

weixin_30924079發表於2020-04-04
Angular
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
//ng-init屬於單向資料流向 用來初始化檔期那作用域的變數
<body ng-app ng-init="username='tom'">
//ng-model屬於雙向資料繫結 username繫結輸入框裡的值
<input type="text" ng-model="username">
//表示式只是為了顯示
<p>姓名:{{username}}</p>
<input type="text" ng-model="username">
<p>姓名:{{username}}</p>
</body>
</html>

轉載於:https://www.cnblogs.com/kukai/p/10841695.html

相關文章