1
私はボタンをクリックしてボタンを作成したいと思いますbuttton。私はng-dialogを使用しています ここで私のコードは私が使用しています。ng-dialogはポップアップウィンドウのテンプレートの内容を表示しません
home.html
私はポップアップwindow.Myポップアップが来ているが、それはcontact_usテンプレートのデータが表示されていない必要がある、このお問い合わせボタンをクリックするだけで。
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<button type="button" class="form-control" ng-click="openContactForm()">ContactUS</button>
</div>
home.js
This is my javascript class.
var app= angular.module('myApp',['ngDialog']);
app.controller('myCtrl', function($scope,ngDialog){
$scope.openContactForm = function() {
ngDialog.open({
template: 'contact_us.html',
className : 'ngdialog-theme-default',
plain: true,
scope: $scope
});
};
});
Template which i want to display on click on contact us button
Contact_us.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
<h2>Contact us<h2>
<input type="text" placeholder="Name" ng-model="name" />
<input type="text" placeholder="Email" ng-model="email" />
<input type="text" placeholder="Mobile" ng-model="mobile" />
<textarea placeholder="Enter your message or query..." ng-model="message"></textarea>
<div class="ngdialog-buttons">
<button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click=closeThisDialog("Cancel")>Cancel</button>
<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click=confirm("OK")>OK</button>
</div>
</div>
</body>
</html>
テンプレートの代わりにtemplateUrlを使用し、URLが正しいことを確認してください。 –
いいえ動作しませんでした... –
コンソールのエラーを参照してください –