Angular指令不能在ionic.js中工作

我有一些麻煩讓我的指令使用角度在我的ionic.js web應用中加載。我可以從控制器傳遞變量{{someTitle}}到模板，但是指令中沒有加載，即<div class="blaha" ng-transclude>abc123</div>不會被傳遞給模板......我缺少的東西下面致命的：Angular指令不能在ionic.js中工作

離子模板：

<ion-view title="Roll the Dice"> 
    <ion-content has-tabs="true"> 
     <div my-dice>{{someTitle}}</div> 

     <div class="card"> 
      <div class="item item-text-wrap"> 
       {{someTitle}} 
      </div> 
     </div> 


     <button class="button button-dark button-full button-positive"> 
      Full Width Block Button 
     </button> 

    </ion-content> 
</ion-view>

控制器代碼：

'use strict'; 
angular.module('TrueDice.controllers', []) 


// A simple controller that fetches a list of data from a service 
.controller('HistoryIndexCtrl', function($scope, TrueRandomService) { 

     if($scope.rands="undefined"){ 
      $scope.rands = []; 
     } 
     TrueRandomService.getRand(1).success(function(data){ 
      $scope.rands.unshift(data); 
      console.log(data); 
     }); 
}) 
.controller('HistoryDetailCtrl', function($scope, $stateParams, TrueRandomService) { 
    //currently empty 

}).controller('RollViewCtrl', function($scope){ 
    $scope.someTitle="BLA"; 

}).directive('my-dice', ['$rootScope', function($rootScope) { 
     return { 
      restrict: 'E', 
      template: '<div class="blaha" ng-transclude>abc123</div>', 
      replace: true, 
      transclude: true, 
      scope: {}, 
      controller: function($scope, $element) { 
       //currently empty 
      } 
     } 
    }]);

NotWorking

來源

2014-05-17 David Karlsson

ř EMOVE -從指令名：

directive('myDice', ['$rootScope', function($rootScope) {

，並根據restrict: 'E'，你應該把元素在HTML：

<my-dice>{{someTitle}}</my-dice>

example

來源

2014-05-17 18:01:19 ndpu

Angular指令不能在ionic.js中工作

回答

相關問題