angularjs – 如何在使用createDialog时将动态数据传递给模板

发布时间：2020-12-17 10:26:47 所属栏目：安全来源：网络整理

导读：我的UI有两个按钮,一个用于Create,另一个用于Edit. 创建 – 应显示弹出的空字段编辑 – 现有数据应预先填充以弹出我使用相同的弹出窗口进行创建和编辑操作 create_quick_link.htmldiv class="row-fluid" div class="form-group" label class="control-labe

我的UI有两个按钮,一个用于Create,另一个用于Edit.

>创建 – 应显示弹出的空字段
>编辑 – 现有数据应预先填充以弹出
>我使用相同的弹出窗口进行创建和编辑操作

create_quick_link.html
<div class="row-fluid">
    <div class="form-group">
      <label class="control-label col-sm-4">
         <font class="pull-right">Name</font>
          <span class="red pull-right">*</span>
      </label>
      <input placeholder="Name" type="text" ng-model="quickLink.name">
    </div>
    <div class="form-group">
       <label class="control-label col-sm-4">
         <font class="pull-right">URL</font>
         <span class="red pull-right">*</span>
       </label>
       <input placeholder="URL" type="text"  ng-model="quickLink.url">
    </div>
 </div>


$scope.editQuickLink = function (editableQuickLinkdata) {

        $scope.quickLink.name = editableQuickLinkdata.quickLinkName;
        $scope.quickLink.url = editableQuickLinkdata.quickLinkUrl;
        createDialog({
            templateUrl: '/app/ajs/followup/app/views/create_quick_link.html',title: 'Edit Quick Link',controller: 'FollowupssettingsCtrl',footerTemplate: '<button class="btn btn-primary" ng-click="updateQuickLink(quickLink)">Update</button>'
        });

    }

我想设置
editableQuickLinkdata to quickLink

我的数据没有填充.我做错了吗？

你可以这样做：

$scope.editQuickLink = function (editableQuickLinkdata) {
    createDialog({
        templateUrl: '/app/ajs/followup/app/views/create_quick_link.html',controller: 'EditCtrl',footerTemplate: '<button class="btn btn-primary" ng-click="updateQuickLink(quickLink)">Update</button>'
    },{myOldData: editableQuickLinkdata});

}

然后在EditCtrl中,除了$scope之外,您将获得myOldData作为参数：

angular.module('MyApp').controller('EditCtrl',['$scope','myOldData',function($scope,myOldData) {
 // Do stuff 
}]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!