在angularjs中,这是根据根来组织显示和隐藏html代码的好方法吗?
Is this the good way to organize code for showing and hiding html depending on root in angularjs
我在用angular做一个小测验。我的根目录是Questions/#/Questions/1
我有6个问题,根据根我显示和隐藏html的问题…目前我的代码看起来像这样
模板<section ng-class="{active:isActive(1)}">
Pitanje 1
</section>
<section ng-class="{active:isActive(2)}">
Pitanje 2
</section>
<section ng-class="{active:isActive(3)}">
Pitanje 3
</section>
<section ng-class="{active:isActive(4)}">
Pitanje 4
</section>
<section ng-class="{active:isActive(5)}">
Pitanje 5
</section>
<section ng-class="{active:isActive(6)}">
Pitanje 6
</section>
问题控制器
$scope.isActive = function(question) {
return question === Number($routeParams.id);
}
是否有办法不使用硬编码索引的部分?更像是jQuery索引。
为什么不使用ng-repeat
和$index
来设置这个?
$scope.questionsNumber = new Array(6)
在模板中更改为(Psuedo代码,未测试,查看ng-repeat文档了解详细信息):
<section ng-repeat="i in questionsNumber track by $index" ng-class="{active:isActive($index)}">
Pitanje {{$index}}
</section>
您可能想要/需要使用函数而不是questionsNumber
,如本问题所述
相关文章:
- 创建一个循环来简化HTML和CSS代码
- HTML 5 和 3.js 代码不会在网页上显示任何内容
- 如何解析结构不良的 html 代码
- HTML标记,包含带引号的JavaScript代码中的引号
- 我的html表单无法验证.请参阅代码片段中的html代码和java脚本
- HTML 标记未在 AngularJS ckEditor 中应用,而是在 Ediator 中显示 HTML 元素标记代码
- 如何在html中将字符串转换为数字?以及如何将变量传递到scriptlet代码中
- 将第一个字母大写并去掉html代码
- 我在下拉列表中尝试了下一个和前五年的html代码.接下来的5年我都过得很好.我怎样才能拿到之前的5年
- 使用.format在一些HTML代码中插入文本,会出现错误(Python)
- html代码没有在记事本++上运行
- 来自mysql的动态值用于html代码点火器视图中的图形
- 如何:编写漂亮的HTML代码和Javascript控制台
- 在html标记中序列化javascript代码
- 我需要java代码来打开html代码onclick事件
- html代码需要可点击的文本按钮
- 无法使用我的代码(html/js/css)初始化网络摄像头
- 如何编辑此代码HTML/CSS以使'选择'JS代码也复制2剪贴板
- 如何使用js来反转义代码html
- 如何在 ATTR 标题中显示代码 HTML