angularjs - ng-change在文本输入上不起作用

标签 angularjs colors angularjs-directive angularjs-ng-change

我是angular js的新手。在我的代码中,有一个从文本字段初始化的颜色选择器。用户更改了color的值,我希望将该颜色反射(reflect)为跨度中的文本背景。它不起作用。什么东西少了?

HTML:

<body ng-app="">
   <input type="button" value="set color" ng-click="myStyle={color:'red'}">
   <input type="button" value="clear" ng-click="myStyle={}">
   <input type="text" name="abc" class="color" ng-change="myStyle={color:'green'}">
   <br/>
   <span ng-style="myStyle">Sample Text</span>
   <pre>myStyle={{myStyle}}</pre>
</body>

柱塞-http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview

但是,当我将其更改为ng-click时,它可以工作。

最佳答案

ng-change需要ng-model,

<input type="text" name="abc" class="color" ng-model="someName" ng-change="myStyle={color:'green'}">

关于angularjs - ng-change在文本输入上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26114974/

相关文章:

angularjs - 如何在 Angular JS 中使用 ng-change 赋值

angularjs - Angular 什么时候销毁指令实例?

java - 如何更改颜色变量?

javascript - Angularjs 指令在 textarea 插入符号处插入文本

css - 表格 td 中的 HTML/CSS 两种背景颜色和居中文本

css - 寻找一种简单的方法来查找 css 的颜色

javascript - AngularJS - 从指令调用 Controller 函数

AngularJS 指令在资源加载之前初始化

angularjs - 任何自托管的 Firebase 替代品?

angularjs - 如何阻止 Angular $http 反序列化响应主体?