Angularjs 使用ng模型预设值的ng选项不工作

我知道周围有很多类似的问题，但我不知道为什么这对我不起作用？我想要下拉列表中预选的尺寸为“4x4”“4x4”现在是静态的，但最后我将用一个提供动态大小的变量替换“4x4”

这是我的控制器代码：

    $scope.sizes = [{
                        size: '4 x 4',
                        price: 1.00  
                    },
                    {
                        size: '4 x 6',
                        price: 5.00
                    },
                    {
                        size: '4 x 8',
                        price: 7.00
                    },
                    {
                        size: '5 x 6',
                        price: 9.00
                    },
                    {
                        size: '5 x 8',
                        price: 10.00
                    },
                    {
                        size: '6 x 8',
                        price: 15.00
                    }]

   $scope.selected = {
      "size": '4 x 4'
   }

下面是查看代码：

<select class="form-control" ng-model="selected.size" ng-options="item.size for item in sizes">
</select>

试试这个

 $scope.selected = $scope.sizes[0];
  <select class="form-control" ng-model="selected" ng-options="item.size for item in sizes">

试试这个

 $scope.selected = $scope.sizes[0];
  <select class="form-control" ng-model="selected" ng-options="item.size for item in sizes">

---

我会将模板更改为

<select class="form-control" ng-model="selected" ng-options="item.size for item in sizes">
</select>

---

我会将模板更改为

<select class="form-control" ng-model="selected" ng-options="item.size for item in sizes">
</select>

调用ng init中的第一个对象

ng init=“selected.size=size[0]；”

并应初始化

selected

对象，如

$scope.selected={}

工作演示 角度模块（“应用程序”，[]） .controller（“mainCtrl”，函数（$scope）{ $scope.size=[{ 尺寸：“4 x 4”， 价格：1.00 }, { 尺寸：“4 x 6”， 价格：5.00 }, { 尺寸：“4 x 8”， 价格：7.00 }, { 尺寸：“5 x 6”， 价格：9.00 }, { 尺寸：“5 x 8”， 价格：10.00 }, { 尺寸：“6 x 8”， 价格：15.00 }] $scope.selected={}； });

调用ng init中的第一个对象

ng init=“selected.size=size[0]；”

并应初始化

selected

对象，如

$scope.selected={}

工作演示 角度模块（“应用程序”，[]） .controller（“mainCtrl”，函数（$scope）{ $scope.size=[{ 尺寸：“4 x 4”， 价格：1.00 }, { 尺寸：“4 x 6”， 价格：5.00 }, { 尺寸：“4 x 8”， 价格：7.00 }, { 尺寸：“5 x 6”， 价格：9.00 }, { 尺寸：“5 x 8”， 价格：10.00 }, { 尺寸：“6 x 8”， 价格：15.00 }] $scope.selected={}； });

---

试试这样的方法：

  <select ng-init="selected= sizes[0]" 
            ng-model="selected" 
            ng-options="item.size for item in sizes">
    </select>

---

试试这样的方法：

  <select ng-init="selected= sizes[0]" 
            ng-model="selected" 
            ng-options="item.size for item in sizes">
    </select>

角度模块（“应用程序”，[]） .controller（“mainCtrl”，函数（$scope）{ $scope.size=[{ 尺寸：“4 x 4”， 价格：1.00 }, { 尺寸：“4 x 6”， 价格：5.00 }, { 尺寸：“4 x 8”， 价格：7.00 }, { 尺寸：“5 x 6”， 价格：9.00 }, { 尺寸：“5 x 8”， 价格：10.00 }, { 尺寸：“6 x 8”， 价格：15.00 }] $scope.selected=$scope.size[0]； });

{{selected}}

角度模块（“应用程序”，[]） .controller（“mainCtrl”，函数（$scope）{ $scope.size=[{ 尺寸：“4 x 4”， 价格：1.00 }, { 尺寸：“4 x 6”， 价格：5.00 }, { 尺寸：“4 x 8”， 价格：7.00 }, { 尺寸：“5 x 6”， 价格：9.00 }, { 尺寸：“5 x 8”， 价格：10.00 }, { 尺寸：“6 x 8”， 价格：15.00 }] $scope.selected=$scope.size[0]； });

{{selected}}

请原谅我刚才将您的代码片段复制到我的答案中：（4x4现在是静态的，但我想用其他方式更新大小。$scope.size[0]；使其静止。但感谢您的支持answer@NahiduzzamanRose我已经更新了我的答案。在这里，您还可以动态更新为

$scope.selected=yourdynamicObject；

请原谅我刚刚将您的代码片段复制到我的答案中：（4x4现在是静态的，但我想用其他方法更新大小。$scope.size[0]；使其静止。但感谢您的支持answer@NahiduzzamanRose我已经更新了我的答案。您也可以在这里动态更新为

$scope.selected=yourdynamicObject；

我在这里的答案是什么：（@RameshRajendran那么你在抱怨什么？

你的代码中有一个错误

。但是代码在代码段上成功运行。你可以看到结果。@RameshRajendran不是每一个成功运行的代码都意味着它是正确的。你接受了吗personally@RameshRajendran您不需要选择该选项。大小=大小[0]；如果您需要从所选对象获取大小值，您将最终写入selected.size.size。您认为这是正确的方法吗？会不会引起混淆？我在这里得到的确切答案是：（@RameshRajendran那么你在抱怨什么？

你的代码中有一个错误

。但是代码在代码段上成功运行。你可以看到结果。@RameshRajendran不是每一个成功运行的代码都意味着它是正确的。你接受了吗personally@RameshR