angularjs – 在ngSelect中设置默认值

发布时间:2020-04-09 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了angularjs – 在ngSelect中设置默认值脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ngSelect,里面有一些选项.
<select data-ng-model="type" data-ng-change="option(type)">
   <option data-ng-repeat="type in languages" value="{{type.i18n}}">
        {{type.language}}
    </option>
</select>

还有一个控制器

angular.module('navigation',[])
.controller('NavCtrl',['$scope','$translate',function($scope,$translate){

    $scope.option = function(type){
        console.log(type) //this display the i18n value of languages
        $translate.use(type);
    }

    $scope.languages = [
        { language: "English",i18n: "en_EN"},{ language: "Swedish",i18n : "se_SE" }
    ];
}])

我希望ngSelect有一个默认选项,在我的情况下:“英语”.我试着把它设置为:

$scope.type = $scope.languages[0].language; // English
$scope.type = $scope.languages[0]; //The whole darn json object.

请帮忙?

试试这种方式
<select  ng-model="selectedlanguage" ng-change="option(this.selectedlanguage)"  ng-options="i.language for i in languages">
            </select>

// Js代码

angular.module('navigation',i18n : "se_SE" }
    ];

    **$scope.selectedlanguage = $scope.languages[0];**
}])

总结

以上是脚本之家为你收集整理的angularjs – 在ngSelect中设置默认值全部内容,希望文章能够帮你解决angularjs – 在ngSelect中设置默认值所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478