angularjs – 为什么输入不能修改ng-repeat(和ng-switch)之外的值?

前端之家收集整理的这篇文章主要介绍了angularjs – 为什么输入不能修改ng-repeat(和ng-switch)之外的值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我假设范围问题是这个例子中的输入可以修改它旁边的值而不是其他值的原因.如果是这种情况,我如何将模型连接到正确的范围?如果不是范围问题,我做错了什么?
<html ng-app>
    <head>
        <script type="text/javascript" src="angular-1.0.1.min.js"></script>
        <script type="text/javascript">
            function ExampleCtrl($scope) {
                $scope.list = [
                    { name: "a" },{ name: "b" },];

                $scope.value = 5;
            }
        </script>
    </head>
    <body ng-controller="ExampleCtrl">
        <ul ng-repeat="item in list">
            <li>{{ item.name }}
                <ng-switch on="item.name">
                    <span ng-switch-when="b">
                        <input type="number" ng-model="value" />
                        {{ value }}
                    </span>
                </ng-switch>
            </li>
        </ul>

        value is {{ value }}
    </body>
</html>
另一种方法 – 您可以使用$parent访问父作用域.
<input type="number" ng-model="$parent.$parent.value" />

见例:http://jsfiddle.net/7Hh2R/

猜你在找的Angularjs相关文章