AngularJS TemplateUrl不綁定到$範圍

我知道這個問題之前已經被問過，但是我看了他們所有的東西，並且找不到任何東西。這基本上是我有：

的layout.html

<html ng-app="myApp"> 
    ... 
    <div my-container></div> 
    ... 
</html>

app.js

var App = angular.module('myApp', []); 
App.directive('myContainer', function(){ 
    return { 
     restrict: 'A', 
     replace: true, 
     templateUrl: '/path/to/view.html', 
     link: function(scope) { 
      scope.param = 3; 
     } 
    } 
});

view.html

<div> 
    {{ param }} 
</div>

運行時，加載了view.html，但我仍然看到{{ param }}。我真的不明白爲什麼！請指教。

這是我的確切代碼。我正在使用Laravel和AngularJS。我的層次結構如下：

/app 
    /app 
     ... Laravel back-end, including the layout.blade.php 
    /bootstrap 
    /public 
     /app 
      /views 
       miniCalendar.html 
      /controllers 
      /lib 
      ... 
      app.js 
     index.php

app.js

var App = angular.module('mainApp', []);  
App.directive('miniCalendar', function() { 
    return { 
     restrict: 'A', 
     replace: true, 
     templateUrl: '/app/views/miniCalendar.html', 
     link: function(scope) { 
      scope.title = 'March'; // This is just an example. 
    } 
}

}）;

miniCalendar.html

<block mini-calendar class="full-content block mini-calendar" name="mini-calendar"> 
    <!-- Code here --> 
    <span class="large-10 columns text-bold ti" ng-hide="hide" ng-click='headerToggle()'>{{ title }}</span> 
    <!-- Code here --> 
</block>

來源

2014-03-24 Kousha

可能是從一開始刪除斜槓後'路徑/到/ view.html'。 – dmahapatro

該路徑不是問題，因爲我使用view.html中的元素替換了DOM。然而，範圍保持爲{{...}} – Kousha

您是否在瀏覽器控制檯中看到任何其他錯誤？如果存在，那麼摘要循環會被阻塞，並且指令不會被編譯。 – dmahapatro

你的路徑可能是錯的，我測試你的代碼和它的工作，這裏是一個活生生的例子：http://plnkr.co/edit/d5rgPAj1nPIxcqSrqCD1?p=preview

來源

2014-03-24 18:18:46

但我得到了工作的路徑。元素被替換，但{{}}保留爲{{}}括號除外！ – Kousha

你檢查過我的例子嗎？ –

是的，我做到了。我現在很困惑你爲什麼工作，而我的工作沒有。因爲，我再次把所有的元素放在正確的地方。 – Kousha

AngularJS TemplateUrl不綁定到$範圍

回答

相關問題