Question

嗨我想显示和隐藏div元素当我使用ng-click和ng-show点击我的按钮时。这是我的代码：

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>

JS

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

我尝试使用此示例代码：http://jsfiddle.net/asmKj/

这是我的项目：http://recorramisiones.com.ar/rutadelaselva/app/，请转到“alojamientos”菜单项以查看我的问题。

谢谢！

Answer 1

该按钮不在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时，它无法执行任何操作。

使用angularjs显示/隐藏元素

1 个答案: