文章/答案/技术大牛

发布

社区首页 >问答首页 >动态渲染角度模板

问动态渲染角度模板
EN

Stack Overflow用户

提问于 2015-03-27 03:38:01

回答 1查看 428关注 0票数 0

我需要一个建议，我是否可以使用attr函数来指定模板使用div上的data-ng-include -

main.js中的代码-

var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {
$scope.Values = [{"name":"John", "category":1},
{"name":"Jack", "category":1},
{"name":"Alina", "category":2},
{"name":"Joseph", "category":2}]

$scope.categoryMatch = function (item) {
            return item.category == $scope.currentCategory;
        }

$scope.currentCategory = 1;
$("#div1").attr("data-ng-include", "'htmlpage1.html'");
//above attr function does not assign template to div1

$scope.currentCategory = 2;
$("#div1").attr("data-ng-include", "'htmlpage1.html'");
//above attr function does not assign template to div2

});

htmlpage1.html

<div ng-repeat="value in Values  | filter:categoryMatch">
...do stuff...
</div>

index.html

<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
    <meta charset="utf-8">
    <title>Custom Plunker</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body ng-controller="MyCtrl">
    <div id="div1"></div>
    <div id="div2"></div>
</body>
</html>

你能让我知道这是不是正确的做法，或者我是否遗漏了什么？基本上我需要attr函数在我的代码中工作。

jquery

angularjs

回答 1

Stack Overflow用户

发布于 2015-03-27 03:45:43

ng-include不能与attr()一起使用，因为directives是在控制器之前编译/加载的模板

您可以创建一个directive并使用attr()函数在指令的link()函数中为指令赋值

app.directive('exampleDirective', function() {
  return {
    restrict: 'E',

    controller: function($scope, $element){
      $element.attr('data-ng-include', 'bottom');
    },

  }
   })

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29287373

复制

相似问题

问动态渲染角度模板
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态渲染角度模板EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态渲染角度模板
EN