Javascript 在“动态角度”下拉列表中获取选定选项
我想要一个简单的选择:Javascript 在“动态角度”下拉列表中获取选定选项,javascript,angularjs,ionic-framework,ionic,Javascript,Angularjs,Ionic Framework,Ionic,我想要一个简单的选择: <ion-view view-title="fc" id="fcs"> <ion-content> <div id="params-container"> <select ng-model="value1" ng-options="value for value in params1 track by value" ng-change="update()"></select>
<ion-view view-title="fc" id="fcs">
<ion-content>
<div id="params-container">
<select ng-model="value1" ng-options="value for value in params1 track by value" ng-change="update()"></select>
</div>
</ion-content>
</ion-view>
在app.js中,我有:
.state('file-detail', {
url: '/files/:id',
templateUrl: 'js/files/details/template.html',
controller: 'FileDetailsCtrl'
})
我想得到所选的值,但是当我在下拉列表中选择一个值时,它总是输出
未定义的
。我会做错什么?我正在使用AngularJS v1.3.13。您需要这样做:
<select ng-model="axisX" ng-options="value as value for value in params1" ng-change="update()"></select>
<select ng-model="axisX" ng-options="value for value in params1 track by value" ng-change="update()"></select>
或者像这样:
<select ng-model="axisX" ng-options="value as value for value in params1" ng-change="update()"></select>
<select ng-model="axisX" ng-options="value for value in params1 track by value" ng-change="update()"></select>
使用第一种方法,您将获得:
<option value="0">FSC-A</option>
<option value="1">FSC-H</option>
FSC-A
FSC-H
使用第二种方法,您将获得:
<option value="FSC-A">FSC-A</option>
<option value="FSC-H">FSC-H</option>
FSC-A
FSC-H
以下是您需要这样做的工作步骤:
<select ng-model="axisX" ng-options="value as value for value in params1" ng-change="update()"></select>
<select ng-model="axisX" ng-options="value for value in params1 track by value" ng-change="update()"></select>
或者像这样:
<select ng-model="axisX" ng-options="value as value for value in params1" ng-change="update()"></select>
<select ng-model="axisX" ng-options="value for value in params1 track by value" ng-change="update()"></select>
使用第一种方法,您将获得:
<option value="0">FSC-A</option>
<option value="1">FSC-H</option>
FSC-A
FSC-H
使用第二种方法,您将获得:
<option value="FSC-A">FSC-A</option>
<option value="FSC-H">FSC-H</option>
FSC-A
FSC-H
这是工作原理,我想你的设置是错误的。您的代码可以在JSFIDLE上运行,至少在我添加ng控制器标记之后:
我认为您的设置是错误的。您的代码可以在JSFIDLE上运行,至少在我添加ng控制器标记之后:
这仍然不起作用。我创建了一个JSFIDLE,它实际上按照我的方式工作。但不知怎的,在我的应用程序上,我没有定义,好像axisX不属于范围。然而,params1是范围的一部分。这是非常奇怪的标记,你有没有在正确的ng控制器包装你的选择?我使用离子和我是新的,所以很多都是我的手。但是事实上params1在作用域上工作意味着它在正确的控制器中,对吗?是的,你是正确的。您可以在该控制器中共享html代码吗?为了确保您可以在控制器中初始化$scope.axix吗?放置$scope.axix='FSC-A';在你的控制器代码中。这仍然不起作用。我创建了一个JSFIDLE,它实际上按照我的方式工作。但不知怎的,在我的应用程序上,我没有定义,好像axisX不属于范围。然而,params1是范围的一部分。这是非常奇怪的标记,你有没有在正确的ng控制器包装你的选择?我使用离子和我是新的,所以很多都是我的手。但是事实上params1在作用域上工作意味着它在正确的控制器中,对吗?是的,你是正确的。您可以在该控制器中共享html代码吗?为了确保您可以在控制器中初始化$scope.axix吗?放置$scope.axix='FSC-A';在控制器代码中。