Javascript 继承范围变量的角度绑定_Javascript_Angularjs

Javascript 继承范围变量的角度绑定

javascript angularjs

Javascript 继承范围变量的角度绑定,javascript,angularjs,Javascript,Angularjs,我正在学习angular并尝试在测试页面上实现动态绑定。我的目标是实现输入框，每个输入框绑定到一个动态获取的变量名如果我不在根作用域中声明结果数组，它将为每次重复创建结果数组，并且在每个框下我将看到它自己的结果内容但若我在根作用域中执行了decare，那个么由于我并没有重新声明它，所以不必应用阴影，我应该将每个框绑定到根作用域数组中的变量。但相反，我只在每个框下看到根作用域的数组内容，并且在更改输入时它不会更改。谢谢你的帮助以下是我的例子： HTML: 如果我正确理解了您的目标是什么，您

我正在学习angular并尝试在测试页面上实现动态绑定。我的目标是实现输入框，每个输入框绑定到一个动态获取的变量名

如果我不在根作用域中声明结果数组，它将为每次重复创建结果数组，并且在每个框下我将看到它自己的结果内容

但若我在根作用域中执行了decare，那个么由于我并没有重新声明它，所以不必应用阴影，我应该将每个框绑定到根作用域数组中的变量。但相反，我只在每个框下看到根作用域的数组内容，并且在更改输入时它不会更改。谢谢你的帮助

以下是我的例子：

HTML:

如果我正确理解了您的目标是什么，您失败的原因是您创建了

结果

数组，但您应该创建对象。

此处：

名称：

您将新属性分配给结果，因此它应该是对象。您可以查看这把小提琴-

谢谢！我的错误，在下次问之前会好一点。

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="index.js"></script>
<body ng-app="app" ng-controller="main" > <!--ng-init="results = [{'TEST': 1}]" -->

<div>
    <p>Name: <input type="text" ng-model="name"></p>
    <p ng-bind="name"></p>
    <input type="button" value="Clickme" ng-click="clickfnc()">
    <input type="button" value="Dump" ng-click="dump()">
    <input type="button" value="Pop" ng-click="remove()">
</div>

<div ng-repeat="x in params">
    <p>Name: <input type="text" ng-model="results[x.name]"></p>
    <p ng-bind="results[x.name]"></p>
    <p>{{x.name}}</p>
    <p>{{results}}</p>
    <p>{{params}}</p>
</div>

<hr>

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

<hr>

</body>
</html>

var app = angular.module('app', []);
app.controller('main', function ($scope)
{
    $scope.clickfnc = function ()
    {
        console.log('click');

        $scope.params = [
            {
                name: 'ACCOUNT'
            },
            {
                name: 'AMOUNT'
            }
        ];
    };

    $scope.dump = function ()
    {
        console.log($scope.results)
    };

    $scope.remove = function ()
    {
        $scope.params.pop();
    }
});