ng-modelとng-repeatで複数のデフォルトを選択

<script src="" https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js ""></script> 
<script> 
    var app = angular.module('role', []); 

    app.controller('fooController', function($scope) { 
    $scope.roles = [{ 
     id: 1, 
     name: "Administrator" 
    }, { 
     id: 2, 
     name: "Student" 
    }, { 
     id: 3, 
     name: 'worker' 
    }]; 
    $scope.user = {}; 
    $scope.value=function(){ 
    $scope.user = [name:'abc',roles:[{ 
     id: 2, 
     name: 'Student' 
    }, { 
     id: 3, 
     name: 'worker' 
    }]; 
     } 
    }); 
</script> 

<body> 
    <button type="button" ng-click="value()">Click me </button> 
    <form ng-repeat="test in user"> 
    <input type="text" ng-model="test.name"> 
    <select multiple class="form-control" data-ng-model="user.roles" required> 
    <option ng-repeat="role in roles" value="{{role.id}}">{{role.name}}</option> 
     </select> 
</body>

ng-modelでdefalutでバインドする必要があります。ng-repeatだけを使用したいデフォルトではng-optionsではありません。 $ scope.user.roles多分これがお手伝いしますng-modelとng-repeatで複数のデフォルトを選択

出典

2017-04-04 banu prakash

あなたが直面している問題は何ですか？ – Sankar

選択する$ scope.user.rolesの値 –

$ scope.user.rolesの値をデフォルトで選択したい場合 – Sankar

値：このことについて

<select multiple class="form-control" data-ng-model="user.roles" required> 
<option ng-repeat="role in roles" value="{{role.id}}" ng-selected="{{user.roles.indexOf(role) !== -1}}">{{role.name}}</option> 
</select>

出典

2017-04-04 11:20:43

どのように？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<script> 
 
    var app = angular.module('role1', []); 
 

 
    app.controller('fooController', function($scope) { 
 
    $scope.roles = [{ 
 
     id: 1, 
 
     name: "Administrator" 
 
    }, { 
 
     id: 2, 
 
     name: "Student" 
 
    }, { 
 
     id: 3, 
 
     name: 'worker' 
 
    }]; 
 
    $scope.user = {}; 
 

 
    $scope.user.roles = [{ 
 
     id: 2, 
 
     name: 'Student' 
 
    }, { 
 
     id: 3, 
 
     name: 'worker' 
 
    }]; 
 
    $scope.user.roles.id = $scope.user.roles.map(function(a) { 
 
     return a.id; 
 
    }); 
 
    }); 
 
</script> 
 

 
<body ng-app="role1" ng-controller="fooController"> 
 
    <select multiple class="form-control" data-ng-value="user.roles" required> 
 
<option ng-repeat="role in roles" ng-selected="user.roles.id.indexOf(role.id) != -1" value="{{role.id}}">{{role.name}}</option> 
 
    </select> 
 
</body>

出典

2017-04-04 11:45:45 Sankar

入力タイプファイルにng-modelを割り当てる方法を教えてください –

@banuprakashこのhttps://www.npmjs.com/package/を使用することをお勧めしますng-file-upload – Sankar

質問が編集されています –

ng-modelとng-repeatで複数のデフォルトを選択

答えて

関連する問題