AngularJS简单入门案例

来源：互联网发布：新疆商务厅数据分析编辑：程序博客网时间：2024/05/21 06:52

HTML正文：

<!-- 定义angularJS代码的工作域：类似avalon  ms-controller --><body ng-app=""> <!-- 创建变量various并放入Scope变量，angularJS工作域里面实现共享：input,select,textarea标签适用 -->        Your name: <input type="text" ng-model="various" placeholder="World">        <hr><!-- 插值表达式直接取出scope域中名为various值，否则显示默认值World! -->        Hello {{various || 'World'}}!<br><!-- ng-bind将当前html元素的text属性和scope的various绑定,适用表达式-->            ng-bind01:<span ng-bind="(various || 'span bind')"></span>!<br><!-- 注意input select textarea的数据绑定只能适用ng-model -->        ng-bind02:<input type="text" ng-model="various" placeholder="input model!">        <hr><!-- ng-init:初始化变量，但是不会与当前html元素进行数据绑定,注意init可以初始化多个变量，';'隔开 -->        ng-init:<span ng-init="name='zhangsan'"></span>{{name}}<br>        ng-init value:<span ng-bind="name"></span></body>

效果：
“`
这里写图片描述

0 0