Question

我创建了一个自定义指令：

<my-directive> </my-directive>

在我的.js文件中

angular.module('myApp').controller(){
 // Inside here i have a function which enable the button to display a dialog when on click . The function displays a templateUrl which shows up my form .
   function openDialog(){
      // i have a templateUrl here
      templateUrl : 'The page containing my form structure'

    }
}
angular.module('myApp').directive('myDirective'){
return {
    // I take it the theme as :  
          scope : { 
                 theme: '@'
             }
   // inside here i link it to a templateUrl which shows a button.
            templateUrl: 'The page containing my button'
}
}
angular.module('myApp').config(function($mdThemingProvider){
       $mdThemingProvider.theme('forest')
           .primaryPalette('brown')
           .accentPalette('green');
    /// i created a custom theme here 
}

在调用指令的Html文件中：

<my-directive theme="forest"><my-directive>

但它不起作用。

问题：由于我的多个templateUrl，是否导致我的主题无法在表单上工作？或者我做错了吗？

我正在关注的一些参考文献： http://codepen.io/anon/pen/BppORB

http://codepen.io/anon/pen/MJJqEp

关于指令问题的Angular Material Theme

0 个答案: