私は2つの<div>をhtmlファイルに持っています。最初の<div>には、クリックすると他のdivが表示され、最初のものを非表示にするボタンが含まれています。私のコードは次のようなものです：前の部門のボタンをクリックしたときに別の部門を表示
<div class="container" ng-hide="showme">
<p>Quick</p>
<button class="button" ng-click="showme=true" >Edit</button>
</div>
<div class="container" ng-show="showme">
<p>Congratulations!</p>
</div>
どうすればいいですか？
それはちょうどちょうどあなたのJavaScriptで変数を作成
$(document).ready(function(){
$("#Button-id").click(function(){
$(this).parent().css("display","none");
$(this).parent().next().css("display","block");
});
});
ありがとう、これは動作しますが、私はangularjsを使用していることを忘れています。 Btw、私はこのthoを使用することができますが、それはjavascriptがボタンのクラスを呼び出すようだ、私は同じクラスのいくつかのボタンを持って、私はidを追加しようとし、javascriptのidを呼び出すが、 – bleykFaust
申し訳ありません私はangularjs初心者 –
ですが、なぜIDが機能しないのかを待っていますか？ –
を書くjqueryの と簡単です。
var showme = false;
その後のonclickことがSHOWME値
あなたのコードを更新ボタンを追加するには、あなたの問題をいただきましたので、間違って何も思えませんか？ ng-showに特異的に結合するshowmeは$scope.showmeを意味し、あなたがあなたのボタンを表示したい場合はinit.youが使用されている方、あなたのコントローラまたはディレクティブでスコープ変数として$scope.showme = true
@Qlsoaが動作しない – bleykFaust
あなたはthieコード[code address]（http://plnkr.co/edit/a39tguEWwb0jGACkp6vE?p=info）を見ることができます –
これはyコードではうまくいかないのですか？私はコントローラでスコープのshowmeを宣言し、それをfalseと宣言しましたが、まだ動作していません – bleykFaust
セットSHOWMEを定義する必要があり、あなたのコントローラで$scopeを注入する必要がありますas
$ scope.showme = true;
次にDOMを更新するために、ビューのこのスコープの変数を使用します。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div class="container" ng-hide="showme">
<p>Quick</p>
<button class="button" ng-click="showme=true">Edit</button>
</div>
<div class="container" ng-show="showme">
<p>Congratulations!</p>
</div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.show = true;
});
</script>
希望これは
を助け、あなたは任意のJavaScriptを持っていますか？ –
@JoeyWood私はまだjavascriptを持っていません – bleykFaust