2016-07-27 70 views
0
<div class ="container" ng-show="mbrscemployee=='yes'"> 
    <span class="btn">click<span> 
</div> 
<button class="submit">submit</button> 

東西當有人按button標籤,它會檢查是否ng-showtrue,那麼span將自動點擊。如何檢查是否NG-顯示爲真,那麼做angularjs

+0

儘管你的英語水平還不清楚,請儘量讓自己更加清晰。很難理解你的意思/試圖完成什麼? –

+0

當你點擊按鈕時會發生什麼?它也應該有一個ng-click屬性。另外,如果你需要多次檢查'mbrscemployee =='yes'',那麼值得創建一個函數。 –

回答

1

如果你想成爲span元素觸發click事件,單擊button後,當ng-show是正確的:

DOM:

<div class="container" ng-show="mbrscemployee=='yes'"> 
    <span id="myspan" class="btn">click<span> 
</div> 
<button ng-click="btnClick()" class="submit">submit</button> 

控制器:

$scope.btnClick = function() { 
    if ($scope.mbrscemployee == 'yes') { 
     angular.element('#myspan').triggerHandler('click'); 
    } 
} 

編輯:雖然,下面的方法更有意義:

DOM

<div class="container" ng-show="mbrscemployee=='yes'"> 
    <span ng-click="spanClick()" id="myspan" class="btn">click<span> 
</div> 
<button ng-click="btnClick()" class="submit">submit</button> 

控制器:

$scope.spanClick = function() { 
    // do something 
} 

$scope.btnClick = function() { 
    if ($scope.mbrscemployee == 'yes') { 
     $scope.spanClick(); 
    } 
} 
+0

爲什麼不直接添加ngClick到span?這是混合角度和jQuery方法 –

+0

我同意你100%。然而,這就是我對@ ahmdabos的問題的解釋:「_ [...]然後span將自動點擊_」 – Kyriakos

+0

運行檢查後,您可以從btnClick中調用ngClick函數 –

1

只是檢查ngShow使用條件:

<div class ="container" ng-show="mbrscemployee=='yes'"> 
    <span class="btn">click<span> 
</div> 
<button ng-click="foo()" class="submit">submit</button> 

而且控制器:你可以寫

$scope.foo = function() { 
    if ($scope.mbrscemployee == 'yes') { 

    } 
} 
+0

酷,點上:) – Naveen

+0

如何在span內自動點擊span命令if(){} – ahmdabos

0

NG-點擊提交按鈕= 「someFunction」,它會檢查你的變量$ scope.mbrscemployee是真的,然後你可以從那裏調用後續的函數。

相關問題