当前位置: 首页 > 面试题库 >

AngularJS:2种方式绑定在包含的模板中不起作用

汪阳辉
2023-03-14
问题内容

我认为我在这里缺少一些简单(重要)的东西。我正在使用一个包含的模板,该模板包含映射到某个值的输入:

<div ng-controller="Ctrl">
    <div ng-include src="'template.html'"></div>
</div>

<!-- template -->
<script type="text/ng-template" id="template.html">
    <input ng-model="testvalue" />
</script>

控制器:

function Ctrl($scope) {    
   $scope.testvalue= "initial value";
}​

警报$ scope.testvalue的值始终显示初始值,而不显示更新后的值(当您输入输入内容时)。帮我欧比旺。您是我们唯一的希望。

小提琴:http://jsfiddle.net/h5aac/


问题答案:

绑定到原语而不是对象太普遍了。字符串的值被传递,而不是对对象的引用。如果使用对象而不是原始对象,则可以正常工作。在您的范围内是这样的。

$scope.foo = {testvalue: "initial value"};

参见http://jsfiddle.net/h5aac/2/

也:

在AngularJS的已包含指令中使用ng-model

我敢肯定还有更多…



 类似资料:
  • 问题内容: 在AngularJS中,HTML模板中包含的任何内联javascript代码均不起作用。 例如: main.html文件: 和script.html文件: 当我打开主页时,我希望收到一条警告消息,说“是”,但没有任何反应。我认为AngularJS中的一些安全限制阻止了内联脚本,但是我找不到任何解决方法。 注意:我不使用jQuery或任何其他框架,仅使用AngularJS 1.2.7。

  • 问题内容: 在以下情况下如何使用包含。目的是在html(部分)文件中使用标记,而不是在模板中(在指令内)定义标记。 我在这里找到了一个很棒的树指令。( 来源)原文: http //jsfiddle.net/n8dPm/ 我没有在指令中定义模板,而是尝试使用包含在内的内容。我还将Angular更新为1.2.0.rc2。更新时间:http://jsfiddle.net/aZx7B/2/ 低于错误 Ty

  • 问题内容: 我在主布局文件中有这个 我的目录结构中有header.html部分模板。 如何在我的应用程序中包含此模板?我认为angular在处理完控制器后会自动包含模板,但是它不起作用。 标头节点应替换为此文件的内容。 问题答案: 包含来自外部文件的模板/ html片段的一种方法是使用指令(doc)。 要么

  • 我已经覆盖了和所以我不太确定出了什么问题。它们是使用 Eclipse 生成的(来源 -

  • 在angular 2中,我需要创建一个包含冗余部分的大型html模板。因此,我想创建多个html模板,并通过将它们包含在主html文件中(如angular1中的ng include)将它们放在一起 但是如何在主模板中包含子模板? 例如: - -

  • 问题内容: 升级到1.2后,我的服务返回的promise行为有所不同…简单服务myDates: 在早期版本中,我可以在控制器中执行以下操作: 从getDates返回的promise可以直接绑定到Select元素。现在这不起作用,我被迫在控制器中对promise进行回调,否则数据将无法绑定: 文档仍然说: $ qpromise由模板引擎以角度识别,这意味着在模板中,您可以将附加到作用域的promis