代码之家 › 专栏 › 技术社区 › Chas. Owens

为什么输入不修改ng重复(和ng开关)之外的值?

angularjs

Chas. Owens · 技术社区 · 13 年前

我假设范围问题是本例中的输入可以修改其旁边的值,但不能修改其他值的原因。如果是这种情况,我如何将模型连接到正确的范围?如果这不是范围问题,我做错了什么?

<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>

2 回复 | 直到 13 年前

Artem Andreev 13 年前

另一种方法-您可以使用$parent访问父作用域。

<input type="number" ng-model="$parent.$parent.value" />

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

Gloopy 13 年前

你们都是对的 ngRepeat 和 ngSwitch 创建不同的作用域。你可以使用真棒 AngularJS Batarang Chrome的开发人员工具,以查看不同的作用域。

在代码中引用相同值的一个更改是引用对象属性,而不是基元类型,如:

$scope.value = { val: 5 };

并绑定到:

<input type="number" ng-model="value.val"/>
{{ value.val }}

我很想看看是否有更好的方法来处理不同的作用域。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前