沟通指令/控制器和范围

时间:2016-11-02 23:59:46

标签: javascript angularjs

首先说我正在写的是谷歌翻译希望所有人都很好理解。 我的问题是,在示例中制作了不同的范围,使用下一个和上一个按钮我更改了一个变量,并根据它的数字,你必须用粗体表示列表中的数字(不明白为什么在plunker中下一个按钮它的工作原理)。有谁看到这个问题?如果解决问题的解决方案我提出对错,或者如何改进它,我也想dijeseis,谢谢。问候

plunker - > https://plnkr.co/edit/IDisg3wCYoeCbslJO3wn?p=preview

angular

2 个答案:

答案 0 :(得分:1)

因此,当您使用上一个/下一个按钮浏览列表时,我认为您想要的是粗体的数字。

你似乎有很多文件要做。

您可以考虑使用一组项目[1,2,3,4,5]并使用ng-repeat来渲染它们。

您可以拥有一个$scope.currently_active变量来跟踪当前选择的内容。你的下一个/上一个按钮会改变这个值

$scope.currently_active值匹配(等于)基于ng-repeat的指令中的值时,您只需将css样式更改为粗体。

如果您需要示例代码,请询问。通常人们很乐意提供工作示例(例如plunkr)

答案 1 :(得分:0)

您遇到的问题是您在index.html <body ng-controller="controller">以及步骤directive.js controller: 'controller'

上共享您的“控制器”

这不是一个好习惯,你应该有单独的控制器。你可以将你的代码构造成类似的东西
 1.控制器(顶层)
 2.步骤(带有#steps,next,previous,isActive的控制器的指令)然后该指令使用两个指令,如下所述。
 3. previous(注入上一个函数的指令)
 4. next(注入下一个函数的指令)