AngularJS框架学习

<div ng-app=""  ng-init="firstname='John'">

   <p>名字:<input type="text" ng-model="name"></p>

  <h1> hello {{name}}</h1>

  <p ng-bind="name"></p>

 <p><span ng-bind=“firstname”> </span></p>

</div>

说明:

ng-app 指令告诉AngularJS,<div>元素是AngularJS应用程序的所有者

ng-model 指令把输入域的值绑定到应用程序变量name

ng-bind 指令把应用程序变量 name绑定到某个段落的innerHtml,遵循Vue格式

 

posted @ 2020-09-29 13:45  丹心石  阅读(67)  评论(0编辑  收藏  举报