AngularJS, sélectionnez onChange ou ngChanger

Je suis nouveau à l'aide de angularjs et l'angulaire de l'interface utilisateur. Je suis intéressé dans la balise.

C'est mon html:

<select id="part1" ui-select2 ng-model="params.id" style="width: 200px;">
    <option value="">Provinsi</option>
    <option ng-repeat="v in prov" value="{{v.id}}" title="{{v.text}}"
    ng-selected="v.id == params.id">{{v.text}}</option>
</select>
<select id="part2" ui-select2 ng-model="params2.id" style="width: 200px;" ng-disabled="true">
    <option value="">Kabupaten</option>
    <option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
    ng-selected="y.id == params.id">{{y.text}}</option>
</select>

et mon app.js :

$http.get('json/provinsiData.json').success(function(datax) {
    $scope.prov = datax;
});

//part2 data
$http.get('json/acehData.json').success(function(datay) {
    $scope.kab = datay;
});

$scope.params = {}
$scope.params2 = {}

Comme vous pouvez le voir select part2 est désactivé.

Comment puis-je créer un événement de changement qui fonctionne comme la condition ci-dessous?

if selected option of part1 is index 0
then select part2 disabled = false and load json part2 data.

source d'informationauteur yozawiratama

  1. 7

    Angulaire, nous avons l'habitude ne sont pas à la recherche d'événements à déclencher des changements. Au lieu de cela, lorsque les changements de modèle, la vue doit mettre à jour pour refléter ces changements.

    Dans ce cas, le deuxième élément doit être activé (activé) en fonction d'une valeur dans le modèle. Lorsque la valeur de modèle connecté à la première sélectionnez menu satisfait à certaines conditions, permettre à la deuxième menu. Oui, techniquement, il y a un événement, mais nous n'avons pas besoin de s'en soucier, tout ce qui compte ce sont les valeurs du modèle.

    Voici un exemple simplifié de comment cela fonctionne:

    <select ng-model="selection.item">
  <option value="">Clothing</option>
  <option ng-repeat="item in clothes">{{ item }}</option>
</select>

<select ng-model="selection.size" ng-disabled="!selection.item">
  <option value="">Size</option>
  <option ng-repeat="size in sizes">{{ size }}</option>
</select>

    La deuxième sélection du menu ng-disabled attribut est une simple expression qui, fondamentalement, évalue à "désactiver me si selection.item n'a pas une valeur". Qui pourrait tout aussi bien être une expression plus complexe ou une fonction.

    Voici un plunkr basé sur le code ci-dessus

  2. 7

    La angular-js sélectionnez prend en charge la ng-changement d'attribut qui peuvent appeler n'importe quelle méthode javascript définie dans la portée.
    Exemple:

    Toutefois, votre meilleur pari peut être juste pour évaluer un $la portée de l'expression dans votre ng-désactivé= attribut, par exemple, ng-disabled="params.id == 'X'".