2016-08-02 11 views
0

特定のパスに基づいて、AngularJSアプリケーションでヘッダー要素を非表示にしようとしています。これまでのところ、私はこれを持っている:

<header logo="appModel.config.logoUrl" ng-hide="currentPath==='/brandHealth/metricsWidget'"></header> 

これは正常に動作しますが、私は'/brandHealth/*'currentPathを変更すると、それは動作しません。そのbrandHealthサブセット内のすべてのURLに対応する必要があります。これを行う方法は? ADVで

おかげで

+0

私が 'currentPath'を持っている方法vailableは以下のような私のコントローラを介しています: '$ scope.currentPath = $ location.path();' – amigo21

+0

あなたはどのルータを使用していますか? UIルータを使用している場合、これは簡単に実行できます。 – apaul

+0

@apaul ngrouteを使う – amigo21

答えて

1
はにあなたの状態を変更し

:あなたのヘッダ要素に

$scope.containsPath = '/brandHealth/metricsWidget'.split('/')[0] === currentPath 

その後、あなたのコントローラ上でそれを行う必要があり、

'/brandHealth/metricsWidget'.split('/')[0] === currentPath 

しかし

<header logo="appModel.config.logoUrl" ng-hide="containsPath"></header> 
+0

ありがとうございます!これは完璧です – amigo21

関連する問題