Html 不同方向的角度变化

我有一个真正的问题，改变一些简单的css与角度和css

我有密码：

<div class="progress">
    <div class="progress-bar progress-bar-info" ng-class="stepOne">1</div>
    <div class="progress-bar progress-bar-info" ng-class="stepTwo">2</div>
    <div class="progress-bar progress-bar-info" ng-class="stepTree">3</div>
</div>

<div class="well col-lg-12">
    <applystepone ng-if="step.one"></applystepone>  <!-- this is my directive -->
    <applysteptwo ng-if="step.two"></applysteptwo>
    <applysteptree ng-if="step.tree"></applysteptree> 

</div>

以及该指令：

app.directive('applystepone', function() {

    return {
        restrict: 'E',
        templateUrl: 'partials/apply-step-one.html'
    };
});

如果单击该按钮，则不会向

ng-class="stepOne"

如果我在

应用步骤一.html

<p ng-class="stepOne">Test </p>

测试

css工作正常，所以按钮工作正常。我想这是因为我的ng click在指令中，而不是

ng class=“stepOne”

尝试：

<a class="btn btn-primary" ng-click="steptwo(); $parent.stepOne='valide-step'">Next step</a>

下一步

---

$parent将从您的指令中检索父作用域。

不是100%确定我理解了全部内容，但现在开始

<>我想你应该考虑修改你的CSS（你没有显示，BTW）和代码稍微：

<div class="progress">
    <div class="progress-bar progress-bar-info" ng-class="{active: step.one}">1</div>
    <div class="progress-bar progress-bar-info" ng-class="{active: step.two}">2</div>
    <div class="progress-bar progress-bar-info" ng-class="{active: step.three}">3</div>
</div>

您可能应该使用更通用的方法，如：

<p class="button">Test </p>

---

如果您只想修改按钮的类，那么很简单：

<p ng-class="{'stepOne': step.one, 'stepTwo': step.two, 'stepThree': step.three}">Test </p>

测试

---

这与我上面描述的进度条div类似。

在写我的答案的中途，我意识到我不知道问题到底是什么（但仍然为您提供了两个问题的解决方案）。你能准确地说出你想要实现什么以及问题是什么吗？使用

ng class=“{active:step.one}”

的解决方案非常好。我认为更恰当的是，我的按钮没有

stepOne='valide-step'

，保持清洁。另外，如果我们通过第二步，我有

ng hide=“step.two”

到

来隐藏元素……是的，你应该让CSS处理样式，并且只在元素之间切换。

<p class="button">Test </p>

.well p.button {
    color: green;
} 

<p ng-class="{'stepOne': step.one, 'stepTwo': step.two, 'stepThree': step.three}">Test </p>