切换 !运算符不在页面加载 JavaScript 上工作
Toggle with ! operator not working on page load JavaScript
我有一个onClick(使用角度.js ng-click),我必须通过单击切换表格行的颜色。
这是初始实现。
<tr>
<td ng-class="{'setType': types.isTypeSet('TYPE') == true}" ng-click="types.setType('TYPE')">
<img class="typebox-img" src="">
<div class="typebox">TYPE</div>
</td>
</tr>
其中"类型"是表行的类型,"类型"是角度控制器。
types.setType(type):
...
this.types[type] = ! this.types[type];
...
虽然这会从第二次单击开始切换值,但它不会更改第一次单击的值。我使用 if-else 语句实现了该功能,但无法弄清楚为什么这不起作用,因为它是一个非常基本的事情。
this.types[type] 设置为 false 作为默认值。
有人可以解释为什么会发生这种情况..
这不起作用并不让我感到惊讶:
ng-click='types.setType('type')
对内引号使用 "
使解析器理解您要执行的操作(或相反):
ng-click='types.setType("type")'
顺便说一下,你不需要函数来执行此操作。只需在控制器中初始化一个布尔值:
$scope.toggle = true
并在您的视图中像这样使用:
ng-click='toggle = !toggle'
相关文章:
- ADF:有条件地加载javascript资源
- .load()函数赢得't加载javascript
- Gmaps搜索和kmz加载javascript
- 页面显示前加载Javascript警报
- 依赖于缓慢加载javascript的UI
- 在外部JS执行后加载JavaScript
- 在WordPress站点中加载jquery.js后加载javascript代码
- 图像未加载javascript、html、angular、imdb-api
- 加载 JavaScript 取决于以前异步加载的 JavaScript
- 预加载Javascript音频以在脚本中播放
- 无法加载Javascript错误XMLHttpRequest
- AJAX JSF请求后重新加载Javascript
- Rails Assets Pipeline从控制器和方法加载JavaScript
- 使用Require.js按照依赖关系的顺序加载JavaScript
- 正在等待加载文件(加载JavaScript)
- 仅在需要时加载javascript函数
- 直接导航到chrome中的页面时未加载Javascript脚本
- 异步加载Javascript
- IE7 未加载 JavaScript 文件
- 从框架中的函数异步加载 Javascript