从基础的揭示模态出发的角度控制器

时间:2015-07-24 13:42:32

标签: javascript angularjs ajax forms zurb-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代码,但角度控制器不起作用。我该怎么办?

1 个答案:

答案 0 :(得分:0)

以下是如何使用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");
        };
}]);