ng-диалог, не отображающий содержимое шаблона во всплывающем окне

Я хочу создать всплывающее окно при нажатии на контакт с нами buttton. Я использую ng-dialog Вот мой код, который я использую.ng-диалог, не отображающий содержимое шаблона во всплывающем окне

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 
});

enter image description here

  }; 
     }); 

     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>

источник

2017-02-07 Java User

должно быть templateUrl вместо шаблона и убедитесь, что URL является правильным –

Нет, это не работает ... –

Смотрите ошибку в консоли –

Изменение ясно ложные шаблоны в файле.

ngDialog.open ({

template: 'contact_us.html', 

className : 'ngdialog-theme-default', 

plain: false, 

scope: $scope

});

Также можно использовать простую строку в качестве шаблона вместе с простой опцией.

источник

2017-08-16 01:29:46

ng-диалог, не отображающий содержимое шаблона во всплывающем окне

ответ

Смежные вопросы