Angular.js所選的積分

Question

我的我的角度視圖中選擇，我想補充選擇功能：

<select ng-options="value for value in deutscheBankEvent.dates" ng-init="" ng-model="chosenA" class="chzn-select"> 
<option style="display:none" value="">Wählen Sie ein Datum</option> 
</select><br/> 

我的控制器：當我在這裏注入.chosen功能，它會清除選項。

function Ctrl($scope,$http) { 

    $scope.text = ''; 
    $scope.user = {name: '', last: '', location: ''}; 
    $scope.value = 0; 
    $scope.sendForm = function(){ 
     $http.post('/Submit/To/Url', $scope.data).success(function(data) { 
      alert('done!'); 
     }); 
    }; 
} 

我的頁腳：

<g:javascript> 
$(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
      jQuery(".adressen1_chzn-select").chosen();jQuery(".adressen0_chzn-select").chosen(); 
     }); 
</g:javascript> 

我不知道，如何讓所選擇的工作。內部控制器清除選項，不適用，其餘沒有任何區別。任何想法表示讚賞

Answer 1

你應該也許嘗試http://angular-ui.github.com/

這是角指令的套件。其中你會發現'select2'指令，作爲的代理選擇插件（選擇2插件是精確的）。

Answer 2

您的解決方案將無法正常工作，因爲jQuery代碼會在DOM中實際創建元素之前觸發。你應該使用表單元素上的指令來解決這個問題。

元素需要動態創建，因此您實際上正在操作DOM元素 - 非常適合Angular的指示。不需要使用jQuery，並在使用Angular時儘量避免使用它。請注意，由於選擇了依賴關係，jQuery仍然是必需的。

我解決使用這組問題：https://github.com/localytics/angular-chosen

[可選] Bootstrap3造型https://github.com/alxlit/bootstrap-chosen

我建議你去嘗試自己編寫指令

1. 角度挑選的指令。這是一個很好的做法。你可以試試這個：http://www.youtube.com/watch?v=8ozyXwLzFYs

   祝你好運！