AngularJS - dynamically add a template and invoke corresponding controller

Question

I want to append a template when the user presses a button. I also want to invoke the corresponding controller. Unfortunately I dont have any idea how to to that.

Can anybody help?

nils · Accepted Answer · 2014-06-21 17:45:18Z

1

You can just append your template and create a new scope for. Afterwards you just need to compile it in order to invoke the controller.

So after you have appended your template:

var new_scope = $scope.$new();
$compile( $tmpl ) ( new_scope );

That also invokes your controller

answered Jun 21, 2014 at 17:45

nils

1,66814 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tiago Barreto · Accepted Answer · 2014-06-21 17:06:41Z

1

Use a Routes Application:

var application = {};

var App = angular.module('application');

App.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/products', { templateUrl: 'views/products/list.html', controller: ProductsControllers })
        .when('…', { templateUrl: '…', controller: ... });
}]);

After only link to "/products" for example.

answered Jun 21, 2014 at 17:06

Tiago Barreto

82213 silver badges31 bronze badges

5 Comments

user3518571 Over a year ago

Thank you but that is not what i need. I want to append a view to the app. I do not want to replace a view

Tiago Barreto Over a year ago

@user3518571 You can have just one ng-view. So, you can change its content in several ways: ng-include, ng-switch or mapping different controllers and templates through the routeProvider.

Tiago Barreto Over a year ago

@user3518571 This library can help you. Its uses the partials to append views, see in github.com/angular-ui/ui-router

user3518571 Over a year ago

so there is no way to click a button, append a template to the view and invoke the corresponding controller?

Tiago Barreto Over a year ago

@user3518571 its possible to have said in the above comments.

Collectives™ on Stack Overflow

AngularJS - dynamically add a template and invoke corresponding controller

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related