用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显示/隐藏元素

回答

相关问题