使用带角度的按钮显示和隐藏指令

时间:2016-02-05 02:15:06

标签: javascript angularjs angular-directive

我有三个指令在我的主视图中显示不同的数据。

product-someClient
          + -- pom.xml
          + -- EarBuilderModule
          + -- JarBuilderModule
                           + -- jar-a

还有一组这样的按钮:

     <groupId>com.mycompany.someclient.base</groupId>
     <artifactId>jar-a</artifactId>

     <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-dependency-plugin</artifactId>
                <executions>
                    <execution>
                        <id>unpack-shared-resources</id>
                        <goals>
                            <goal>unpack</goal>
                        </goals>
                        <phase>generate-resources</phase>
                        <configuration>
                            <artifactItems>
                                <artifactItem>
                                  <groupId>com.mycompany.core.base</groupId>
                                   <artifactId>jar-a</artifactId>
                                   <classifier>sources</classifier>
                                   <version>1.0.0-SNAPSHOT</version>
                                   <type>jar</type>
                                   <overWrite>false</overWrite>
                                   <outputDirectory>${project.build.sourceDirectory}</outputDirectory>
                                   <includes>**/*.java,**/*.properties</includes>
                                   <excludes>**/*test.class</excludes>
                                </artifactItem>
                            </artifactItems>
                            <overWriteReleases>false</overWriteReleases>
                            <overWriteSnapshots>false</overWriteSnapshots>
                            <overWriteIfNewer>false</overWriteIfNewer>
                        </configuration>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

我想要的是显示或隐藏我的指令取决于用户选择,但我不知道如何实现这一点,我不知道逻辑是在控制器中还是在指令中。

一些帮助会很棒,我坚持这个。

1 个答案:

答案 0 :(得分:1)

我能理解你的观点。我认为这个简单的逻辑可以直接在模板html中编写。如果要复杂,请使用配置图(或getter setter)代替。

<!-- edit html -->
<div>
    <sales-view ng-show="showData == 1"></sales-view>
</div>
<div>
    <units-view ng-show="showData == 2"></units-view>
</div>

<div class="btn-group">
    <button class="btn btn-primary" type="button" ng-click="showData = 1">Sales</button>
    <button class="btn btn-white" type="button" ng-click="showData = 2">Units</button>
</div>