用angularjs顯示/隱藏元素

嗨我想顯示和隱藏div元素，當我點擊我的按鈕與角度使用ng-click和ng顯示。這是我的代碼：用angularjs顯示/隱藏元素

HTML

<ons-page ng-controller="search">   
     <ons-button class="ion-android-search" ng-click="showDetails = ! showDetails"></ons-button> 
     <input ng-show="showDetails" type="search" class="search-input" ng-model="search" placeholder="Buscar"> 
</ons-page>

var app = angular.module('app');  
app.controller('search', function($scope){ 
    $scope.showDetails = true; 
});

我嘗試使用此示例代碼：http://jsfiddle.net/asmKj/

這是我的項目：http://recorramisiones.com.ar/rutadelaselva/app/，進入「從Alojamientos」菜單項來查看我的問題。

謝謝！

來源

2015-02-11 Gaston

什麼問題？ – Dom 2015-02-11 22:07:42

Sory，不顯示搜索分區... – Gaston 2015-02-11 22:15:17

你的控制器內是否有這樣的代碼？我假設你這樣做。另外，如果你閱讀ngInit文檔https://docs.angularjs.org/api/ng/directive/ngInit，你不應該使用ng-init來做這件事。 – nweg 2015-02-11 22:26:34

該按鈕不在您的ng-controller內。

這一部分：

<ons-button class="ion-android-search ng-isolate-scope button effeckt-button button--large--cta slide-left" style="font-size:20px;" modifier="large--cta" ng-click="showDetails = ! showDetails">

的這部分前的定義：

<div ng-app="" ng-controller="search" class="ng-scope">

所以，當你嘗試修改showDetails它不會做任何事情。

來源

2015-02-11 23:04:57 Ninjarabbi

我更新我的問題，ng控制器是在ons-button之前聲明。 – Gaston 2015-02-12 10:47:22

現在我正在尋找和你的網站，並沒有'ng-click'的按鈕，並且沒有'ng-show'輸入，並且沒有'ng-controller =「search」'。唯一的'ng-controller'在''div class =「app-page alojamientos-page ng-scope」>' – Ninjarabbi 2015-02-12 12:56:11

Thansk爲您解答它！ – Gaston 2015-02-12 13:23:19

用angularjs顯示/隱藏元素

回答

相關問題