JS脚本不适用于angular指令的模板

Question

我有指令文件

 (function (angular) { 'use strict'; function digest(factory) { var directive = { restrict: 'E', templateUrl: '/js/app/digest/templates/digest.template.html', scope: true, replace: true, controller: [ '$scope', '$http', function ($scope, $http) { .... } ] }; return directive; } digest.$inject = ['digest.factory']; angular.module('news').directive('maindigest', digest); })(angular);

模板

 <div> <input id="datepicker"/> <script> $("#datepicker").kendoDatePicker(); </script> </div>

Index.html是该指令的定义位置

 <script src="/vendor/bower_components/angular/angular.js"></script> <script src="/js/app/digest/digest.js"></script> <script src="/js/app/digest/digest.directive.js"></script> <script src="/js/app/digest/digest.factory.js"></script> <link href="/vendor/bower_components/kendo-ui/styles/kendo.common.min.css" rel="stylesheet"> <link href="/vendor/bower_components/kendo-ui/styles/kendo.default.min.css" rel="stylesheet"> <script src="/vendor/bower_components/kendo-ui/js/jquery.min.js"></script> <script src="/vendor/bower_components/kendo-ui/js/kendo.all.min.js"></script> </head> <body> <maindigest></maindigest> ... // in here js scripts work //<input id="datepicker"/> //<script> //$("#datepicker").kendoDatePicker(); //</script> ...

有人可以帮帮我，为什么有些js脚本不能在指令模板中使用。 我的观点是指令模板中不存在js函数，尽管在index.html中可以

Answer 1

我认为您需要在脚本标签中添加type = ng-template。

或者，可以将kendo-date-picker属性添加到您的指令中。

JS脚本不适用于angular指令的模板

问题描述

1 个解决方案

解决方案1
0 2016-01-20 11:47:25

JS脚本不适用于angular指令的模板

问题描述

1 个解决方案

解决方案1 0 2016-01-20 11:47:25

解决方案1
0 2016-01-20 11:47:25