Onclick кнопки должен отключить div в angularjs

Я пытаюсь отключить div, когда нажата кнопка с помощью angularjs.Onclick на домашней кнопке должен отключить один div одной страницы, удерживая оставшийся div активным.Onclick кнопки должен отключить 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

вы можете предоставить вам DIV хотите отключить. – xxlali

Что вы подразумеваете под отключением div? –

Когда я загружаю страницу, сначала мне нужно показать, что div «MyDiv» активен. Когда я нажимаю кнопку «домой», я должен отключить «MyDiv». – dev333

По вашей команде, код должен быть;

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

<div ng-if="showDiv" 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-код должен быть;

$scope.showDiv = true; 
$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() { 
    $scope.showDiv = false; 
    window.location = "./Home.html"; 
}

источник

2016-01-04 09:13:41 xxlali

Я пробовал редактировать код, который вы предложили. Но я не могу отключить div. – dev333

вы можете поделиться всем кодом – xxlali

, когда вы вызываете getHome, вы хотите скрыть свой div. Правильно ли я понял? – xxlali

Запись ng-disabled в сНу теге и ng-click="noClickable()" с возвращением ложным;

<div ng-disabled="disableDiv" ng-click = "noClickable()">....</div>

присвоить $ scope.disableDiv = верно в функции контроллера контроллера

$scope.noClickable = function(){ 
     $scope.disableDiv = true; 
     return false; 
} 

    $scope.getHome = function() { 
     $scope.disableDiv = true; 
     window.location = "./Home.html"; 
    }

Пожалуйста, смотрите эту ссылку Click
Я надеюсь, что это будет работать

источник

2016-01-04 09:22:47

Onclick кнопки должен отключить div в angularjs

ответ

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