0

を使用してngDialogいます。

dataプロパティ値を設定しています。

問題: ビュー内のデータ値にアクセスする方法がわかりません。

これがngDialog.openConfirmの設定方法です。myName価値があります。

ngDialog.openConfirm({
    template: '/dist/Shared/testDialog.html',
    data: myName,
    showClose: false
}).then(function() {
    $window.location.reload();
});

これは、ビューでデータ プロパティを使用しようとしている方法です。それは動作しません。

<h3 class="modal-title">Hello, {{ngDialog.data}}</h3>

お知らせ下さい。

4

1 に答える 1

2

ngDialog以下の例に示すように、スコープをあなたと共有できます。

var app = angular.module('exampleDialog', ['ngDialog']);

app.controller('MainCtrl', function($scope, $rootScope, ngDialog, $timeout) {

  $scope.data = {
    myName: "Peter"
  };

  $scope.openDefault = function() {
    ngDialog.openConfirm({
      template: '/dist/Shared/testDialog.html',
      scope: $scope,
      showClose: false
    });

  };
});
<!doctype html>
<html ng-app="exampleDialog">
<head>
    <meta charset="utf-8">
    <title>ngDialog demo</title>
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    <link rel="stylesheet" href="//rawgit.com/likeastore/ngDialog/master/css/ngDialog.css">
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="//rawgit.com/likeastore/ngDialog/master/css/ngDialog-theme-default.css">
    <script src="//rawgit.com/likeastore/ngDialog/master/js/ngDialog.min.js"></script>
    <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">

    <button type="button" class="button button-primary" ng-click="openDefault()">Open Modal</button>

    <!-- Templates -->
    <script type="text/ng-template" id="/dist/Shared/testDialog.html">
        <div class="ngdialog-message">
            <h3>ngDialog Id: <code>{{ngDialogId}}</code></h3>
            <label>
               User name:
               <input type="text" name="myName" ng-model="data.myName" required>
            </label>
            <p>myName: <code>{{data.myName}}</code></p>
        </div>
        <div class="ngdialog-buttons">
            <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click="closeThisDialog()">Close</button>
        </div>
    </script>
    
    <p>myName: <code>{{data.myName}}</code></p>

</body>
</html>

于 2016-01-15T09:58:01.543 に答える