[AngularJS] New in Angular 1.3 - bindToController

If you want to use controllers, instead of a link function, you can use bindToController.

 

<!DOCTYPE html>
<html ng-app="app">
<head>
    <title>Egghead.io Tutorials</title>
    <style>body{padding:20px}</style>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.js"></script>
    <script src="app.js"></script>
</head>
<body>

<note message="hello"></note>
</body>
</html>
angular.module("app", [])

    .directive("note", function note() {
        return {
            scope: {
                message: "@" //pass in a string
            },
            bindToController: true,
            controller: "NoteCtrl as note",
            template: "<div>{{note.message}}</div>"
        };
    })

    .controller("NoteCtrl", function NoteCtrl() {
        var note = this;
    });

 

posted @ 2014-12-25 20:22  Zhentiw  阅读(773)  评论(0)  编辑  收藏  举报