从基础显示模式执行角度控制器答案

【问题标题】：excecute angular controller from foundation's reveal modal从基础显示模式执行角度控制器
【发布时间】：2015-07-24 13:42:31
【问题描述】：

我正在尝试使用 Foundation 的显示模式加载表单，我需要在表单内运行一个角度控制器以启用使用 ajax 提交的表单，而不是使用默认的发布/刷新行为。

这是我的主要观点：

<html lang="es" ng-app="crm">
<body>
<script>
    var crmapp =  angular.module('crm', ['ng.django.forms',"ui.select"]);

</script>
<a data-reveal-id="idmodal" class="fi-burst" data-reveal-ajax="true" href="/operador/clientes/saldos/anadir/13">Añadir Pago</a>

<div id="idmodal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="false">
</div>
</body>

这是我的表格：

<div class="row" ng-controller="dummy">
    <h2>Añadir Pago</h2>
    <ng-form>
        <label>Fecha de Cobro:</label>
        <label>Valor:</label>
        <div class="row">
            <div class="columns small-offset-5 small-7">
                <button class="buttons success round" ng-click="alert(5)">Añadir</button>
            </div>
        </div>
    </ng-form>

</div>

<script>
crmapp.controller('dummy', function($scope) { $scope.greeting = 'Hola!';console.log("bye"); });
</script>
<a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

表单中的任何“常规”javascript 代码都会被调用，但角度控制器不起作用。我该怎么办？

【问题讨论】：

标签： javascript angularjs ajax forms zurb-foundation

【解决方案1】：

这里是如何使用ng-click 和控制器：

JSFiddle

HTML：

<div ng-app="myApp">
    <div class="row" ng-controller="dummy">
         <h2>Añadir Pago</h2>
        <ng-form>
            <label>Fecha de Cobro:</label>
            <label>Valor:</label>
            <div class="row">
                <div class="columns small-offset-5 small-7">
                    <button class="buttons success round" ng-click="greeting()">Añadir</button>
                </div>
            </div>
        </ng-form>
    </div>
<a class="close-reveal-modal" aria-label="Close">&#215;</a>

</div>

JS：

angular.module('myApp', [])
    .controller('dummy', ['$scope', function ($scope) {
        $scope.greeting = function () {
            console.log("bye");
        };
}]);

【讨论】：