Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs下拉选项以显示当前选定项目_Angularjs_Angularjs Directive_Angularjs Scope_Angularjs Ng Repeat_Angular Ui - Fatal编程技术网

Angularjs下拉选项以显示当前选定项目

Angularjs下拉选项以显示当前选定项目,angularjs,angularjs-directive,angularjs-scope,angularjs-ng-repeat,angular-ui,Angularjs,Angularjs Directive,Angularjs Scope,Angularjs Ng Repeat,Angular Ui,我想在这里完成的是,当用户进入应用程序时,selectedLocal已设置为ID184,并命名一个名称而不是默认名称 感谢您的帮助 我有以下脚本: function MyCtrl($scope) { $scope.User = [{ ID: 109, Name: 'A Name' }, { ID: 161, Name: 'B Name' }, {

我想在这里完成的是,当用户进入应用程序时,selectedLocal已设置为ID184,并命名一个名称而不是默认名称

感谢您的帮助

我有以下脚本:

 function MyCtrl($scope) {
        $scope.User = [{
            ID: 109,
            Name: 'A Name'
        }, {
            ID: 161,
            Name: 'B Name'
        }, {
            ID: 184,
            Name: 'C Name'
        }];

        $scope.selectedLocal = [{ID: 184,Name: 'A Name'}]

    }
以及以下html:

<div ng-app ng-controller="MyCtrl">
    <div>{{selectedLocal}}</div>
    <select ng-model="selectedLocal" ng-options="item.Name for item in User" ng-change="localSelectChange()">
        <option value="">Default</option>
    </select>
</div>

{{selectedLocal}}
违约
这是js小提琴


谢谢

您必须了解,
ng选项
通过引用将选项值与
ng型号
值进行比较。这意味着在某一点上有一个 比较
$scope.User[i]==$scope.selectedLocal
的循环,其中
i
是介于0和
$scope.User.length
之间的值

因此,您需要初始化
$scope.selectedLocal
,并引用
$scope.User
。 在您的情况下,这将是
$scope.selectedLocal=$scope.User[2]

或者你可以这样做:

ng options=“item.ID作为用户中项目的item.Name”

$scope.selectedLocal=184


根据具体情况,一种解决方案可能优于另一种解决方案。

您必须了解,
ng options
通过引用将选项值与
ng model
值进行比较。这意味着在某一点上有一个 比较
$scope.User[i]==$scope.selectedLocal
的循环,其中
i
是介于0和
$scope.User.length
之间的值

因此,您需要初始化
$scope.selectedLocal
,并引用
$scope.User
。 在您的情况下,这将是
$scope.selectedLocal=$scope.User[2]

或者你可以这样做:

ng options=“item.ID作为用户中项目的item.Name”

$scope.selectedLocal=184


根据具体情况,一种解决方案可能优于另一种解决方案。

您必须了解,
ng options
通过引用将选项值与
ng model
值进行比较。这意味着在某一点上有一个 比较
$scope.User[i]==$scope.selectedLocal
的循环,其中
i
是介于0和
$scope.User.length
之间的值

因此,您需要初始化
$scope.selectedLocal
,并引用
$scope.User
。 在您的情况下,这将是
$scope.selectedLocal=$scope.User[2]

或者你可以这样做:

ng options=“item.ID作为用户中项目的item.Name”

$scope.selectedLocal=184


根据具体情况,一种解决方案可能优于另一种解决方案。

您必须了解,
ng options
通过引用将选项值与
ng model
值进行比较。这意味着在某一点上有一个 比较
$scope.User[i]==$scope.selectedLocal
的循环,其中
i
是介于0和
$scope.User.length
之间的值

因此,您需要初始化
$scope.selectedLocal
,并引用
$scope.User
。 在您的情况下,这将是
$scope.selectedLocal=$scope.User[2]

或者你可以这样做:

ng options=“item.ID作为用户中项目的item.Name”

$scope.selectedLocal=184


根据上下文,一种解决方案可能比另一种更受欢迎。

感谢您的解释,我是angularjs的新手,但这是一个多么神奇的库啊。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这样:)接受答案。