Question

我正在寻找以下问题的帮助：

我有一个指令来电＆＃34;你好＆＃34; ：

.directive('hello', function () {
    return {
        restrict: 'E',
        templateUrl: 'js/dashboard/templates/hello.html'
    }
});

以下是模板（测试非常简单）：

<h1>Hello world</h1>

我有一个控制器，我试图注入这个指令：

(...)
cell = document.getElementById("body");
cell.innerHTML = "<hello></hello>";
(...)

我的问题： ＆＃34;你好＆＃34;元素正确插入到html页面中，但是＆＃34;你好的单词＆＃34;模板中的消息未显示

如果我直接将元素放在html页面中就可以了......

请您帮助我理解问题并找到解决方案。

谢谢

Answer 1

更像这样：http://plnkr.co/edit/uR6ViwNaaVZijSElrTJz?p=preview

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
}).directive('hello', function () {
    return {
        restrict: 'E',
        templateUrl: 'hello.html'
    }
});


  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>

    <hello></hello>
  </body>

使用innerHTML注入angularjs指令元素

1 个答案: