Question

这是我的代码

<span editable-select="item.text" e-ng-options="p.id as p.name for p in products" e-form="rowform" 
          onbeforesave="checkName($data)" e-required e-name="name" 
          e-onChange="scopeFunction($data)">
      {{ showProductName(item.text) || 'Enter Name of a product' }}
    </span>

是否可以在e-onChange中访问控制器的$ scope？

如果我输入e-onChange =“scopeFunction（data）”，则会抛出错误“ReferenceError：scopeFunction not defined”

我想要的是选择一个新值以便能够改变另一个字段的值。

Answer 1

使用angular e-ng-change代替（使用可编辑元素的'e -'-前缀）：

<span editable-select="item.text" 
    e-ng-options="p.id as p.name for p in products" e-form="rowform" 
    onbeforesave="checkName($data)" e-required e-name="name" 
    e-ng-change="scopeFunction($data)">
        {{ showProductName(item.text) || 'Enter Name of a product' }}
</span>

Answer 2

使用e-ng-change =“onChange（field）”和e-ng-model-options =“{allowInvalid：true}”来触发onChange事件

                   <input 
                      type="text" ng-model="newEntity[field.name]"
                      name="{{field.name}}" placeholder="{{field.placeholder}}"
                      value="{{field.defaultValue}}"
                      e-ng-change="onChange(field)"
                      e-ng-model-options="{allowInvalid:true}"
                   />

注意：即使ng-pattern为$ invalid，e-ng-model-options也有助于跟踪onChange事件。查看更多：Angular.js - ng-change not firing when ng-pattern is $invalid

Angular-XEditable e-onChange

2 个答案: