angular js : issue with html5 select

11 浏览
0 Comments

angular js : issue with html5 select

今天我遇到了这个奇怪的行为...我在一个小例子中也发现了相同的问题...(节省了一些时间来解释问题..)

我在这里有一个小例子：http://jsfiddle.net/w9mQ8/2/

它演示了如何在html的select中设置一个选定的值。

现在，奇怪的是...在这个例子中，结果窗格显示了一个带有选定值的select。这是好的...

但是，我不知道为什么，这个select的选项前面有一个空白值：

enter image description here

当我检查元素时，我发现了一些未知的值，在选项前面添加了：

enter image description here

请帮我解决这个问题。谢谢。 🙂

0

1 答案

0 Comments

问题出现的原因是在使用AngularJS中的HTML5选择器时遇到了问题。解决方法是通过在HTML中进行一些更改和更新。在HTML代码中，使用ng-controller指令来指定控制器，然后在 

var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
    $scope.selectedValue = 22;
    $scope.defaults = [{
        id: 10,
        value: "string 1"
    }, {
        id: 22,
        value: "string 2"
    }];
}

通过以上更改，问题得到了解决。

0