首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ng-model在选择指令中不起作用。

ng-model在选择指令中不起作用。
EN

Stack Overflow用户
提问于 2015-05-08 19:21:25
回答 1查看 1.2K关注 0票数 2

正在工作的 ng-options包含所有名称,并显示在下拉列表中。

问题:

  1. 在开头,如果没有选择,应该有文本"Select .“已显示。但现在是空的。
  2. 我知道这件事被问了很多次,但我没有找到这个案子的解决办法。如果我将选择其中一些选项,则错误

“错误:$compile:nonassign表达式‘未定义’与指令'fileWidget‘一起使用是不可分配的!”发生了。

GeometryService.js

代码语言:javascript
运行
复制
angular.module('COMLEAMclient')
.factory('GeometryService', function($resource) {

  var selectedGeometry = {name:'Select name...'};
}

FileWidgetDirective.js

代码语言:javascript
运行
复制
angular.module('COMLEAMclient')
.directive('fileWidget', ['$log', '$parse', function($log, $parse) {

        return {
            scope: {
                data: '=',
                selectedFile: '=',
                updateSelection: '&',
                selected: '=',
                onReadFile: '&',
            },
           ....
        }
    )
}

InputController.js

代码语言:javascript
运行
复制
<div file-widget data="iCtrl.geometryFiles"  update-selection= "iCtrl.setSelectedGeometry(name)" selectedFile= "iCtrl.selectedGeometryFile" on-read-file="iCtrl.saveGeometryFiles(file,name)"></div>

FileWidget.html

代码语言:javascript
运行
复制
<select class="form-control"
    ng-options="elem.name for elem in data"
    ng-model="selectedFile"
    ng-change="onSelectionChange()">
</select>

有什么想法吗?

EN

Stack Overflow用户

回答已采纳

发布于 2015-05-08 19:27:56

为了拥有Select name...,需要有一个option元素:

代码语言:javascript
运行
复制
<select class="form-control"
    ng-options="elem.name for elem in data"
    ng-model="selectedFile"
    ng-change="onSelectionChange()">
    <option value="">Select name...</option>
</select>

您正在尝试分配给一个对象,这是不可分配的,这就是为什么您要获得non-assignable错误。需要有一个可以包含所选选项的值的变量,请尝试:

代码语言:javascript
运行
复制
ng-model="selectedFile.name"
票数 2
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30131356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档