Javascript 如何使用angular js选择动态选择选项值_Javascript_Jquery_Angularjs

Javascript 如何使用angular js选择动态选择选项值

javascript jquery angularjs

Javascript 如何使用angular js选择动态选择选项值,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,但它不起作用，请建议 var sitevalue = 'lang_es'//dynamic $('.select').val(sitevalue); 所选值与数据ng模型关联所选值与数据ng模型关联将您的选择更改为以下内容： $scope.sites.webSites.addable.languages = 'lang_es'; sites.language = 'lang_es' <body ng-controller="TestCtrl"> <sele

但它不起作用，请建议

var sitevalue = 'lang_es'//dynamic

$('.select').val(sitevalue);

所选值与数据ng模型关联

将您的选择更改为以下内容：

$scope.sites.webSites.addable.languages = 'lang_es';

sites.language = 'lang_es'

  <body ng-controller="TestCtrl">
    <select  class="select" ng-options=" language.label for language in languages" ng-model="selectedValue"></select>
    <button ng-click="selectedValue = defaultValue">Select Default</button>
  </body>

这是一张工作票

更新：

当您将

语言编写为language.label for…

时，您告诉angular将

ng模型

映射到对象，如

{value:''.'，label:'.'.}

。每个引用都会跟踪它，这意味着您必须将指定的同一实例精确地分配给ng模型。下面是angular团队的例子

您可以使用简单的赋值属性来存储所选值，方法是使用以下选项：

language.value as language.label for…

如果您不想编写jquery选择器或操纵DOM，请尝试避免

$（'.select'）.val（sitevalue）当使用角度时。改为使用本机js模型，并依靠框架完成其余工作。
将您的选择更改为类似以下内容：
$scope.sites.webSites.addable.languages = 'lang_es';

sites.language = 'lang_es'

  <body ng-controller="TestCtrl">
    <select  class="select" ng-options=" language.label for language in languages" ng-model="selectedValue"></select>
    <button ng-click="selectedValue = defaultValue">Select Default</button>
  </body>

这是一张工作票
更新：
当您将语言编写为language.label for…
时，您告诉angular将ng模型
映射到对象，如{value:''.'，label:'.'.}
。每个引用都会跟踪它，这意味着您必须将指定的同一实例精确地分配给ng模型。下面是angular团队的例子
您可以使用简单的赋值属性来存储所选值，方法是使用以下选项：language.value as language.label for…

如果您不想编写jquery选择器或操纵DOM，请尝试避免$（'.select'）.val（sitevalue）当使用角度时。改用原生js模型，并依靠框架完成其余工作
ng选项应为“language.value as language.label for language in languages”
数据ng模型（或仅ng模型）应为“selectedLanguageValue”
在控制器中，获取$scope.selectedLanguageValue的值
ng选项应为“language.value as language.label for language in languages”
数据ng模型（或仅ng模型）应为“selectedLanguageValue”
在控制器中，获取$scope.selectedLanguageValue的值
您的模型应设置为要选择的确切对象（通过引用），而不仅仅是值
使您的HTML如下所示：
$scope.sites.webSites.addable.languages = 'lang_es';

sites.language = 'lang_es'

  <body ng-controller="TestCtrl">
    <select  class="select" ng-options=" language.label for language in languages" ng-model="selectedValue"></select>
    <button ng-click="selectedValue = defaultValue">Select Default</button>
  </body>

这就行了。工作空间：您的模型应该设置为您想要选择的确切对象（通过引用），而不仅仅是值
使您的HTML如下所示：
$scope.sites.webSites.addable.languages = 'lang_es';

sites.language = 'lang_es'

  <body ng-controller="TestCtrl">
    <select  class="select" ng-options=" language.label for language in languages" ng-model="selectedValue"></select>
    <button ng-click="selectedValue = defaultValue">Select Default</button>
  </body>

这就行了。工作许可证：