javascript - AngularJS 将变量传递给模板

标签 javascript jquery html angularjs

我想将变量或文本传递给模板,以便它在我的模板中显示值。

我遇到了jsFiddle这表明它可以工作,但它使用 ng-repeat。有没有一种不使用 ng-repeat 的更简单的方法来做到这一点?

<div ng-repeat="name in ['John']" ng-include="'partial.html'"></div>
<div ng-repeat="name in ['Jack']" ng-include="'partial.html'"></div>

<script type="text/ng-template" id="partial.html">
   <div>The name is {{ name }}</div>
</script>

最佳答案

http://jsfiddle.net/f97keutL/

<div ng-controller="ctrl">
   <div ng-include="'partial.html'"></div>
</div>
<script type="text/ng-template" id="partial.html">
   <div>The name is {{ name }}</div>
</script>

JS:

var myApp = angular.module('myApp',[]);

myApp.controller('ctrl', function($scope) {
    $scope.name = "John"; 
});

你只是在范围内设置变量,并包含模板?

关于javascript - AngularJS 将变量传递给模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27022920/

相关文章:

Javascript:防止空格键在指定的 div 中滚动

Javascript:触发了多个鼠标移出事件

jquery - 控制 QUnit 测试顺序

html - 具有等高内容的 ionic 网格

php - 多行输入@Textarea,在末尾分解和删除空格

html - 背景图像在 iOS 上无法正确缩放

javascript - 如何删除跨度上的 £ 并更改值?

Javascript 保持模态隐藏

javascript - 我的另一个网页的链接不起作用

jquery - 简单的 jquery 幻灯片放映相对位置