Отключить div после нажатия кнопки с помощью angularjs

Я пытаюсь отключить div после нажатия кнопки с помощью angularjs.Ive попытался использовать ng-disabled атрибут в моем div.But я не могу этого сделать. кто-нибудь, пожалуйста, помогите мне по этому вопросу ...Отключить div после нажатия кнопки с помощью angularjs

Мой HTML-код:

<button style="margin-left: 22px; margin-top: 16px; background-color: #73AD21" ng-click="getHome()">Home</button> 

<div style="margin-top: 15px; display: inline-block" 
        ng-repeat="imageSource in imageSources"> 
        <img width=40 height=50 style="margin-left: 12px;" 
         ng-src="{{imageSource}}" /> <br> <span 
         style="margin-left: 12px;">{{getFilenameFromPath(imageSource)}}</span> 
       </div>

Мой код расслоение плотной:

$scope.imageSources = []; 
    $scope.imageSources.push('images/Open.png'); 
    $scope.imageSources.push('images/New.jpg'); 
    $scope.imageSources.push('images/Save.png'); 

    $scope.getFilenameFromPath = function(filename) { 
     return filename.split("/")[1].split(".")[0]; 
    } 
$scope.getHome = function() { 

     window.location = "./Home.html"; 
    }

источник

2016-01-04 dev333

Почему бы не использовать ng-show/hide или ng-if? –

Что вы хотите достичь, что вы пробовали – maurycy

На самом деле, я использую тот же заголовок для трех разных страниц. Для некоторых страниц я хочу отключить один из div, а остальные должны оставаться активными. Итак, m не используя опцию show/hide здесь. – dev333

HTML файл я добавил ng-class={'disabled':isClicked}

<button style="margin-left: 22px; margin-top: 16px; background-color: #73AD21" ng-click="getHome()" ng-class={'disabled':isClicked}>Home</button> 

<div style="margin-top: 15px; display: inline-block" 
        ng-repeat="imageSource in imageSources"> 
        <img width=40 height=50 style="margin-left: 12px;" 
         ng-src="{{imageSource}}" /> <br> <span 
         style="margin-left: 12px;">{{getFilenameFromPath(imageSource)}}</span> 
       </div>

в JS Я добавил один proeperty isClicked

$scope.imageSources = []; 
    $scope.imageSources.push('images/Open.png'); 
    $scope.imageSources.push('images/New.jpg'); 
    $scope.imageSources.push('images/Save.png'); 

    $scope.getFilenameFromPath = function(filename) { 
     return filename.split("/")[1].split(".")[0]; 
    } 

$scope.isCliked = false; 

$scope.getHome = function() { 

     $scope.isClicked = !$scope.isClicked; 
     window.location = "./Home.html"; 
    }

и я также добавил один класс CSS .disabled

.disabled{ 
    pointer-events:none; 
}

при нажатии isClicked стать истинным и кнопка элемент добавить .disabled класс

источник

2016-01-04 12:17:56

Я пробовал использовать вышеуказанный код, но не смог отключить div.I'm не получаю, где я ошибся – dev333

Я пытаюсь отключить divs «imageSources» вскоре после нажатия на кнопку дома – dev333

вы может добавить ng-class = {'disabled': isClicked} this on "imageSources" div –

Отключить div после нажатия кнопки с помощью angularjs

ответ

Смежные вопросы