具有角形的Bootstrap模态

时间:2016-02-18 20:19:45

标签: angularjs twitter-bootstrap

我正在学习角度,并且在模态中遇到角形状问题。我有一个我正在研究的S​​harePoint网站,我想使用包含角形的bootstrap模式,但我似乎遇到了范围问题。我有一个函数,用于将数据从SharePoint列表中提取到我存储在范围内的JSON变量。然后,我使用此信息填充页面上的表格以供显示。我有一个按钮,可以打开一个模态来编辑表格中的项目。我有一个函数被调用,以便在模式上单击“保存更改”时将数据推送回SharePoint列表。我的问题是,如果你输入模态,然后点击取消并且不提交更改,页面上的表仍然会绑定到你在模态中所做的更改,而我希望它恢复到它#39原始状态。

我觉得我应该使用模式的指令而且我可能完全以错误的方式接近这个但是我遇到了让一切正常工作的问题,我无法在网上找到一个很好的例子,所以我想知道如果有人可以帮我一臂之力下面是一个带有我的代码简化示例的plunker。谢谢你的帮助

http://plnkr.co/edit/duMMV4rnV9Ee8ElajBAG?p=info

我试图将模态转换为如下所示的指令,但由于某种原因它没有工作。

myApp.directive('modal', function () {
    return {
        restrict: 'E',
        replace: 'true',
        templateUrl: '/_Layouts/AngularSharePoint/templates/modal.html',
        scope: true,
        link: function (scope, elem, attrs) {
            scope.$emit('updateTables', scope.postData);
        }
    };
});

我得到了一个神秘的错误,我无法弄清楚

  

错误:[$ compile:tplrt] http://errors.angularjs.org/1.5.0-rc.2/ $ compile / tplrt?p0 = modal& p1 =%2F_Layouts%2FAngularSharePoint%2Ftemplates%2Fmodal.html

0 个答案:

没有答案