ng route not working directive

我可以在角度指令中執行ng-view嗎？我試過，但顯示這個錯誤。ng route not working directive

錯誤：[$注射器：unpr] http://errors.angularjs.org/1.2.13/ $注射器/ unpr P0 =％24templateRequestProvider％20％3 C-％20％24templateRequest％20％3 C-％20％24route％20％3 C-％20ngViewDirective

？

我的代碼：

的index.html

<body ng-app="Learning"> 
    <div ng-controller="learning"> 
     <div ng-switch-when="1" > 
      <div introduction-page></div> 
     </div> 
    </div> 
</body>

app.js

var Learn = angular.module("Learning",['ngRoute']); 

Learn.directive("introductionPage", function() { 
    return { 
     restrict:'EA', 
     transclude:false, 
     templateUrl:'views/intro.html', 
     replace:true, 
     controller: introController 
    } 

    function introController($scope,$http,$location) { 
     $scope.onClick = function() { 
      $location.path('course'); 
     } 
    } 
}); 

Learn.config(function($routeProvider) { 
    $routeProvider 
     .when('/course', { 
      templateUrl : 'views/course-ch1.html', 
      controller : 'courseController' 
     }) 

     .otherwise({redirectTo: '/'}); 
}); 

function courseController($scope) { 
    alert("in course"); 
}

intro.html

<div style="width:100%;height:662px"> 

    INTRODUCTION........ 

    <div ng-view></div> 
    <input type="button" style="width:100px;height:40px;" label="enter" ng-click="onClick()"> 

</div>

是否有可能做到這一點呢？

感謝

來源

2015-01-15 tom moc

你應該在index.html中使用ngView而不是intro.html –

是否可以在intro.html中使用ng-view？我可以在這裏做嗎？這是對的嗎？ –

我不認爲這樣用... –

你可以有NG-視圖中的指令，但與transclude的幫助：真實，財產： -

像

<div introduction-page> 
    <ng-view></ng-view> 
</div>

如示例所示： - http://plnkr.co/edit/0813dA?p=preview

來源

2015-01-15 07:23:44 squiroid

OP問他是否可以在intro.html中使用ngView而不是index.html，你推薦使用？ –

我只是在解釋他可以通過transclude把它變成指令，但對於intro.htm肯定是「NO」。 – squiroid

ng route not working directive

回答

相關問題