Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.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
Javascript 在“动态角度”下拉列表中获取选定选项_Javascript_Angularjs_Ionic Framework_Ionic - Fatal编程技术网

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';在控制器代码中。