replaceWith不適用於div-include

Question

我有一個具有替換自定義指令的div。

<div class="timeline" layout="row" ng-repeat="event in ::vm.events"> 
    <div replace-with='{{event.content}}'></div> 
</div> 

這是我的指令：

(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .directive('replaceWith', replaceWith); 

    /* @ngInject */ 
    function replaceWith() { 
     // Usage: 
     // 
     // Creates: 
     // 
     var directive = { 
      link: link, 
      restrict: 'A' 
     }; 
     return directive; 

     function link(scope, element, attrs) { 
      attrs.$observe('replaceWith', function (value) { 
       if (value) { 
        element.replaceWith(angular.isUndefined(value) ? '' : value); 
       } 
      }); 
     } 
    } 
})(); 

我從那裏我得到的內容數據控制器：

vm.templateUrl = "scripts/controllers/sample.content.html"; 
vm.events = [{ 
      title: 'Title1', 
      subtitle: '', 
      date: '6/6/2016', 
      image: 'assets/avatar-5.png', 
      content: '<div ng-include="vm.templateUrl"></div>', 
      palette: '' 
     }] 

這裏我的分度代替，用屬性沒有得到與NG更換-include template.but當我硬編碼我的內容數據如content:<p>Sample Data</p>它的工作。有人可以幫助我這個。

Answer 1

一種方法是使用該指令的templateURL財產，使其充滿活力，在頂部回答這個問題描述：

Angular.js directive dynamic templateURL