не вызывать в angularjs

Question

не вызывать в angularjs

0

У меня нет ошибок в моей консоли, но мой ng-submit просто не запускается. Я отлаживаю, помещая что-то в свой контроллер, он запускал, означает, что проблема не в том, что мой контроллер не загружается. Ниже мой исходный код

(function() {
angular.module('MyApp')
    .controller('SignupCtrl', SignupCtrl);

SignupCtrl.$inject = ['$scope', '$rootScope', '$location', '$window', '$auth'];

function SignupCtrl($scope, $rootScope, $location, $window, $auth) {
  console.log('hello') // triggered
    var ctrl = this;
    ctrl.signup = signup;

    function signup() {
      console.log('trigger') // nope??
   }
}
});

Посмотреть

<form ng-submit="signup()">
<div class="form-group">
  <label for="name">First Name</label>
  <input required type="text" name="fname" id="fname" placeholder="First Name" class="form-control" ng-model="user.fname" autofocus>
</div>
<button type="submit" class="btn btn-success">Sign up</button>
</form>

Maria Jane 04 сен. 2016, в 07:22

Источник

0

У вас есть псевдоним для вашего контроллера? как SignupCtrl as vm или что-то в этом роде?
Mikki 04 сен. 2016, в 04:31
0

@Mikki Микки, ты имеешь в виду мой маршрут? нет
Maria Jane 04 сен. 2016, в 04:33
0

@Mikki странно, я делаю $ scope.signup = function () {alert ()}; это может работать, почему?
Maria Jane 04 сен. 2016, в 04:38
2

вы объявили свой контроллер без $scope но объявили ваше представление так, как будто вы используете $scope . Контроллер использует синтаксис Controller As , т.е. ng-controller = "SignupCtrl as ctrl" , поэтому вам потребуется ng-submit="ctrl.signup()" и что-то подобное с вашими элементами ng-model .
Claies 04 сен. 2016, в 04:46
0

@Claies, сказал именно то, что я имел в виду
Mikki 04 сен. 2016, в 04:49
0

@Mikki соскабливать, достаточно сказано.
Maria Jane 04 сен. 2016, в 06:16
0

какой шаблон? Вы используете два отдельных стиля декларации здесь, я не уверен, что это имеет отношение к шаблону. Если вы не хотите использовать Controller As (хотя я не уверен, почему вы этого не сделаете, это гораздо лучший дизайн), тогда вам нужно будет использовать $scope.signup() . Либо будет работать, но вы должны использовать тот же шаблон в JS, что и в HTML.
Claies 04 сен. 2016, в 06:25
0

@MariaJane, здесь вы можете найти более подробную информацию - стиль кода , потраченный на считанные минуты, может быть действительно полезным.
Mikki 04 сен. 2016, в 07:07
0

@Claies Я использовал megaboilerplate.com, и он дал мне нерабочую версию стартера.
Maria Jane 04 сен. 2016, в 07:53
0

Возможный дубликат использования 'this' вместо $ scope потерпел неудачу в angularjs
georgeawg 04 сен. 2016, в 10:18

Показать ещё 8 комментариев

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

У вас есть псевдоним для вашего контроллера? как SignupCtrl as vm или что-то в этом роде?
@Mikki Микки, ты имеешь в виду мой маршрут? нет
@Mikki странно, я делаю $ scope.signup = function () {alert ()}; это может работать, почему?
вы объявили свой контроллер без $scope но объявили ваше представление так, как будто вы используете $scope . Контроллер использует синтаксис Controller As , т.е. ng-controller = "SignupCtrl as ctrl" , поэтому вам потребуется ng-submit="ctrl.signup()" и что-то подобное с вашими элементами ng-model .
@Claies, сказал именно то, что я имел в виду
@Mikki соскабливать, достаточно сказано.
какой шаблон? Вы используете два отдельных стиля декларации здесь, я не уверен, что это имеет отношение к шаблону. Если вы не хотите использовать Controller As (хотя я не уверен, почему вы этого не сделаете, это гораздо лучший дизайн), тогда вам нужно будет использовать $scope.signup() . Либо будет работать, но вы должны использовать тот же шаблон в JS, что и в HTML.
@MariaJane, здесь вы можете найти более подробную информацию - стиль кода , потраченный на считанные минуты, может быть действительно полезным.
@Claies Я использовал megaboilerplate.com, и он дал мне нерабочую версию стартера.
Возможный дубликат использования 'this' вместо $ scope потерпел неудачу в angularjs

RandyDaddis · Answer 1 · 2016-09-04T02-16-00.000Z

попробуй это:

signup.js

(function () {
    /* jshint validthis: true */
    'use strict';

    angular
        .module('MyApp')
        .controller('Signup', Signup);

    Signup.$inject = ['$scope', '$rootScope', '$location', '$window', '$auth'];

    function Signup($scope, $rootScope, $location, $window, $auth) {
        var vm = this;
        vm.signup = signup;
        vm.user = ...;

        function signup() {
            console.log('trigger');
        }
    }
})();

signup.html

<section id="signup-view" data-ng-controller="Signup as vm">
    <form>
        <div class="form-group">
            <label for="name">First Name</label>
            <input required type="text" name="fname" id="fname" placeholder="First Name" class="form-control" ng-model="vm.user.fname" autofocus>
        </div>
        <button class="btn btn-success" data-ng-click="vm.signup()">Sign up</button>
    </form>
</section>

В качестве побочного примечания вы пропустили два ' ; 'в вашем коде. Я предлагаю вам регулярно тестировать свой JS-код с помощью инструмента JSHint.

Что делать, если я не хочу использовать контроллер в качестве?
@MariaJane, если вы не используете контроллер, вы не сможете получить доступ к элементам dom с помощью angularJS.
@AshokShah означает, что шаблон сломан?
@MariaJane вы можете обновить свой полный код, чтобы мы знали, что происходит