Fatal编程技术网

Javascript 简单角装订

javascript angularjs

Javascript 简单角装订,javascript,angularjs,Javascript,Angularjs,我做了一个很小的应用程序，但绑定不能像模型到对象那样工作。怎么可能呢 angular.module（“simpleapp”，[]） .controller（“controller”、[“$scope”、函数（$scope）{ $scope.sample={}； $scope.sample.input=4； }]); 输入“{sample.input}” 您在HTML中使用的是simpleapp，而在JS中使用的是app。 它们必须相同才能正常工作 另外，您将带有scope变量的输入放在控制器

我做了一个很小的应用程序，但绑定不能像模型到对象那样工作。怎么可能呢

angular.module（“simpleapp”，[]）
.controller（“controller”、[“$scope”、函数（$scope）{
$scope.sample={}；
$scope.sample.input=4；
}]);


输入“{sample.input}”


您在HTML中使用的是
simpleapp
，而在JS中使用的是
app
。
它们必须相同才能正常工作

另外，您将带有scope变量的输入放在控制器外部。应该在里面

例如，您可以按如下方式编辑html：


<body ng-app="app" ng-controller="Controller">
    <!-- other divs here -->
</body>



您必须从
更新您的身体标签，然后将您的输入放入控制器的范围内


<body ng-app="app">
      <div ng-controller = "Controller">
         <input ng-model="sample.input"  type="text"  value="text" />
         <p>input "{{sample.input}}"</p>
       </div>
</body>




输入“{sample.input}”


使用合适的Angularjs版本库。您需要通过Angularjs Doucmentation并尝试通过实验来理解。这让你变得强壮

一些初学者的错误：-

您应该在将控制器分配给Html之后编写所有代码
元素。否则，即使代码正确，也无法工作。你需要
分配要使用的变量

html代码示例（通过查看代码或下面的示例了解您的错误：-）：-

下面是一个简单的绑定示例：-



Plunker的数据绑定概念很少：-



浏览文档，了解更多信息祝你好运
 Atul、NV Prasad和fbid的答案绝对正确。您可以在此处查看

他们遗漏的一件事是将元素绑定到角度变量的另一种方法。即使用
ng bind
。它的用法如下：


<p ng-bind="sample.input"></p>







ng bind=“sample.input”
和

{{sample.input}}

加载页面时，使用
{{}
符号，您将看到花括号，直到呈现角度内容为止。对于ng bind，您不会看到


更多详情请参见：
在这里@user127520您没有从我的答案中得到所需的信息？嗨，没有，这是不同的。你的更新答案比我进步了一点。我不使用ng bind这是一个很好的做法。你必须在登录页上使用ng bind，而不是在你的部分视图中。我想我注意到的第一件事是，当你使用ng modelNo mate时，你不必使用value属性。我没有否决你的答案，我真的很讨厌这样做。我只是想指出错误我只是仔细检查了一下。。谢谢是的，如果你把它放在一个div中，它就工作了。但是，如果我想把它放在不同的分区，它不会。这很奇怪。我不认为我能一直这样对待他们。有人知道为什么这么奇怪吗？嗨。不，这不回答。我想要的是在控制器sample中使用我的对象。但在所有的例子中，并没有任何关于创建对象的东西，所有的例子都和你们的一样。它是否可以是一个具有某些属性的对象范围，而不是像您的示例中那样的不同对象？我尝试了不同的，它工作，当一个没有。嗨，是的，它应该是简单的应用程序在地方，这是复制粘贴错误。不能只在某些元素上使用控制器，而不是整个身体？好的，兄弟，给我发一个你们希望我以绑定方式处理和显示的对象。。评论这里或更新为评论在我的Plunker让我Know@user127520是的，当然可以只在某些元素上使用控制器。在您发布的代码中，由于您对所有应用程序仅使用一个控制器，因此最好将其附加到主体，但如果您有多个控制器，则特定于某些部分。

angular.module("sampleApp", [])  
           .controller("sampleController", ['$scope', function($scope) {

               $scope.sample = {'node':1};

               $scope.sample1 = 'my first default value';

             }]);



<p ng-bind="sample.input"></p>