Select,AngularJS中的默认值

e4yzc0pl  于 2024-01-05  发布在  Angular
关注(0)|答案(5)|浏览(239)

嘿,我有问题,设置默认值在选择问题是开始时,我设置内数组对象。我怎么能解决这个问题??

HTML格式

  1. <div ng-app="select" ng-controller="checking">
  2. <select ng-model="lala" ng-options="item.name for item in arrayName">
  3. </select>
  4. </div>

字符串

JavaScript

  1. var app = angular.module('select', []);
  2. app.controller('checking', ($scope)=> {
  3. $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}];
  4. $scope.lala = "first";
  5. });


https://codepen.io/Turqus/pen/EbvGzv?editors=1111

xu3bshqb

xu3bshqb1#

您所需要做的就是将ng-options更改为包含select as

  1. <select ng-model="lala" ng-options="item.name as item.name for item in arrayName">

字符串

  1. var app = angular.module('select', []);
  2. app.controller('checking', function($scope) {
  3. $scope.arrayName = [{
  4. 'name': 'first'
  5. }, {
  6. 'name': 'second'
  7. }, {
  8. 'name': 'third'
  9. }];
  10. $scope.lala = 'first';
  11. });
  1. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  2. <div ng-app="select" ng-controller="checking">
  3. <select ng-model="lala" ng-options="item.name as item.name for item in arrayName"></select>
  4. <p>Value of lala: <b>{{lala}}</b></p>
  5. </div>

的数据

展开查看全部
w51jfk4q

w51jfk4q2#

你可以尝试下面的例子,你必须改变数组位

  1. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  2. <div ng-app="myApp" ng-controller="myCtrl">
  3. <select ng-model="prop.value" ng-options="v for v in prop.values">
  4. </select>
  5. </div>
  6. <script>
  7. var app = angular.module('myApp', []);
  8. app.controller('myCtrl', function($scope)
  9. {
  10. $scope.prop =
  11. {
  12. "type": "select",
  13. "name": "Service",
  14. "value": "first",
  15. "values": ['first','second','third']
  16. };
  17. });
  18. </script>

字符串

展开查看全部
zazmityj

zazmityj3#

你可以通过使用ng-init来实现它,如下所示

  1. <div ng-app="select" ng-controller="checking">
  2. <select ng-init="lala = arrayName[0]" ng-model="lala" ng-options="item.name for item in arrayName" >
  3. </select>
  4. </div>
  5. <script>
  6. var app = angular.module('select', []);
  7. app.controller('checking', ($scope)=> {
  8. $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}];
  9. $scope.lala = "first";
  10. });
  11. <script>

字符串
这里是codepen的例子,希望它会有所帮助。

展开查看全部
dtcbnfnu

dtcbnfnu4#

我认为你只需要像这样分配ng-model。

  1. $scope.lala = $scope.arrayName[0];

字符串
这是你的codepen link

llmtgqce

llmtgqce5#

  1. var app = angular.module('select', []);
  2. app.controller('checking', ($scope)=> {
  3. $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}];
  4. $scope.lala = $scope.arrayName[0].name;
  5. });

字符串

相关问题