1

基本上我想要實現這樣的場景:如何在angular1中添加動態數據與動態數據?

https://i.stack.imgur.com/LLTcK.png

我的研究使我$編譯,$ trustAsHtml,最後指令。 在$ compile和$ trustAsHtml我只能附加靜態模板或只能html,但不能使用動態的東西,例如ui-sref,ng-click等。 所以,我試圖創建指令,它不工作,我也無法單擊時添加多個模板。

控制器:

app.controller('Ctrl', ['$rootScope', '$scope',function ($rootScope, $scope) 
{  
    $rootScope.enableDirective=false;   
    if(userHasOneApp){// checking some at least one app then only do action 
    $rootScope.appicon="img_url"; // data which i am passing 
    $rootScope.appname="App_name"; // data which i am passing 
    $rootScope.enableDirective=true; 
} 
}]); 

定製指令:

app.directive('headerTemplate', function() { 
    return {    
     template:'<a ui-sref="/event" ng-click="editIt()">' 
       +'<img src="{{appicon}}"></a>' 
       +'<span>{{appname}}</span>', 
     scope:{         
      appname:'=', 
      appicon:'=' 
     }    
     }; 
    }); 

部首視圖:

<div> class="headerdiv"> 
    <ul ng-if="enableDirective"> 
     <li header-template appicon="appicon"> 
     </li>      
    </ul> 
</div> 

主視圖:

<div> class="maindiv"> 
    <ui-view></ui-view> <!--basically I want to append template here --> 
    <button>Add next template</button> 
</div> 

我在哪裏做錯了?

+0

什麼用*工作不意味着*?儘管'ui-sref'應該是'ui-sref =「event」'的狀態名,即使修復了,你也不能同時觸發'ng-click'和'ui-sref'。因爲一旦你通過'href'導航到其他頁面,'click'事件不會被解僱 –

+0

所以我明白的是你想動態添加一個指令到你已經運行的角度應用程序? –

+0

當我使用$ trustAsHtml,ui-sref應該生成鏈接,但它不會生成鏈接,因爲ui-sref =「event」應該生成linke作爲href =「/ event」@PankajParkar – uday214125

回答