angular- input元素的ng-model属性

Posted 2021-04-26 web前端知识大全

<div class="layui-form-item">
    <input type="text" ng-model="name">
    <span>{{name}}</span>
</div>

<script src="../script/lib/angular.min.js"></script>
<script>
    var myApp = angular.module('myApp',[]);
    myApp.controller("firstCtrl",function($scope){
        $scope.message = "信息";
        $scope.name="名字";
    })
</script>

input元素的ng-model属性:

用于将input的值和变量的值进行双向绑定

如果是text类型的input,绑定的就是它的value,如果是checkbox,绑定的就是选中状态的true或者false,

对input的绑定是双向的,即变量的变化,也会引起选中与否的变化(或者是value的变化),比如这里设置的checkRabbit值是true,那么它就是选中的,其余两个值设置的是false,他们就是不选中的,

同样,改变input的选中状态(或者是value值),它们绑定的变量也会被改变