1
我正在使用gulp將我的模板添加到生產js文件中,因此我可以通過$ templateCache訪問它們。對於我的指令,一切正常,但我的狀態提供程序中的模板不起作用。它看起來像$ templateCache對象不可用。
級聯JS文件。這是放在文件的底部:
angular.module("barmehealth").run(["$templateCache",
function($templateCache {
$templateCache.put("app/views/register.html","<div>Register</div>");
$templateCache.put("app/modules/framework/framework.template.html","<div class>Framework Template</div>");
}
]);
我已經嘗試了下面的兩種方法,都沒有工作。也沒有錯誤。該視圖只是加載索引頁面,只是給我重複的內容。
使用templateUrl
(function() {
'use strict';
angular.module('barmehealth', ['framework', 'ui.router'])
.config(function($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('register', {
url: '/register',
templateProvider: function($templateCache) {
return $templateCache.get('/app/views/register.html');
}
});
});
}());
使用templateProvider
(function() {
'use strict';
angular.module('barmehealth', ['framework', 'ui.router'])
.config(function($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('register', {
url: '/register',
templateUrl: '/app/views/register.html'
});
});
}());