Hi,
In the directive usage:
<nd-button nd-lable="Go"></nd-button>
You have not defined nd-click attribute. As a result nd-click will be
undefined.
Regards,
Vaibhav Gupta
On Wednesday, 6 April 2016 18:53:01 UTC+5:30, Noopur Dabhi wrote:
>
> Enter code here...
> I want promise to be returned from controller to directive, as I want to
> change template based on promise received.
>
> *LoginController :*
>
> (function() {
> angular.module('nd')
> .controller('LoginController', loginController);
>
> function loginController(
> $scope,
> modelFactory,
> User,
> APPLICATION,
> REST_URL,
> $resource
> ) {
>
> $scope.user = modelFactory.create('user', User);
>
> $scope.login = login;
>
> function login() {
> var resource = $resource(APPLICATION.host + REST_URL.login);
> var promise = resource.save($scope.user);
> return promise;
> }
> }
> })();
>
>
>
> *Button Directive :*
>
> (function() {
> angular.module('nd')
> .directive('ndButton', button);
>
> function button() {
> return {
> restrict: 'E',
> scope: {
> ndLable: '@',
> ndClick: '&'
> },
> templateUrl: '../components/fields/button/button.template.html',
> link: link
> };
>
> function link(scope) {
> scope.clickButton = function() {
> var promise = scope.ndClick();
> promise.$promise.then(function(user) {
> console.log(user);
> });
> };
> }
> }
> })();
>
> *login.html :*
>
> <form ng-submit="login()">
> <div class="input-container">
> <nd-text-box
> ng-model="user.username"
> nd-lable="Username"
> nd-id="Username"
> nd-required="required"></nd-text-box>
> <div class="bar"></div>
> </div>
> <div class="input-container">
> <nd-password
> ng-model="user.password"
> nd-lable="Password"
> nd-id="Password"
> nd-required="required"></nd-password>
> <div class="bar"></div>
> </div>
> <div class="button-container">
> <nd-button nd-lable="Go"></nd-button>
> </div>
> <div class="footer"><a href="#">Forgot your password?</a></div>
> </form>
>
> *button template :*
>
> <button ng-click="clickButton()">
> <span>{{ndLable}}</span>
> </button>
>
>
> In directive, at `*scope.ndClick()*`, it is calling function `*login()*`
> of controller. In controller, I'm getting `*promise*` as `*{ $promise:
> Promise, $resolved: false }*`.
> I'm returning `*promise*` back in directive, but in directive I'm getting
> promise as undefined.
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
