動態設置templateUrl使用ngClick

好吧，我有函數從我的範圍中的數組獲取模態templateUrl的URL。然後我在我的li上使用這個函數爲我的模態添加網址。當我點擊李，showReleventMdl（）函數將執行並顯示在console.log（）中的url字符串，但我的模態消失，我發現這個錯誤：動態設置templateUrl使用ngClick

未捕獲TypeError：無法讀取屬性「焦點」未定義

這裏我的代碼：

app.controller('filterCtrl', function($scope,$modal, $rootScope ,loginService) { 
 

 
    var filterTemps = [ 
 
     "partial/uiComponent/mdlFilters/mdl.estateType.filter.html", 
 
     'partial/uiComponent/mdlFilters/mdl.dealKind.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.buyPrice.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.trustPrice.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.rentPrice.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.forigenPrice.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.totalRoom.filter.html', 
 
     'partial/uiComponent/mdlFilters/mdl.substructure.filter.html' 
 
    ]; 
 

 
    var filtersModal = $modal({ 
 
     backdrop:true, 
 
     placement:'top', 
 
     controller : 'filterCtrl', 
 
     templateUrl:'', 
 
     show: false 
 
    }); 
 

 
    $scope.showReleventMdl = function(num) { 
 
     filtersModal.templateUrl = filterTemps[num]; 
 
     console.log(filtersModal.templateUrl); 
 
     filtersModal.$promise.then(filtersModal.show); 
 
    }; 
 

 

 
});

<div class="collapse navbar-collapse" ng-class="!navCollapsed && 'in'" ng-click="navCollapsed = true"> 
 
       <!-- your normal collapsable content here --> 
 
       <ul class="nav navbar-nav"> 
 
        <li><a href="" ng-click="showReleventMdl(0)" ng-bind="string.pages.form.estateType"></a><span>: a<span></li> 
 
        <li><a href="" ng-click="showReleventMdl(1)" ng-bind="string.pages.form.dealKind"><span>: b </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(2)" ng-bind="string.pages.form.buyPrice"><span>: c </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(3)" ng-bind="string.pages.form.trustPrice"><span>: d </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(4)" ng-bind="string.pages.form.rentPrice"><span>: g </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(5)" ng-bind="string.pages.form.forigenPrice"><span>: e </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(6)" ng-bind="string.pages.form.totalRoom"><span>: f </span></a></li> 
 
        <li><a href="" ng-click="showReleventMdl(7)" ng-bind="string.pages.form.substructure"><span>: g </span></a></li> 
 
       </ul> 
 
      </div>

來源

2015-10-18 Amir Rezvani

我只是把我的模態內showReleventMdl（）函數和每個東西看起來很好。

但我仍然不知道爲什麼？

來源

2015-10-18 14:07:06

動態設置templateUrl使用ngClick

回答

相關問題