polymer-angular-bind-example/index.html at master · slanted/polymer-angular-bind-example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!-- this is how you turn off shadow dom. just put 'shadydom' in the script below
     For some reason this way doesn't work with web components loader.
     I bet it only knows how to selectively load the polyfills

     Demonstration:
     1. Add ns-phone element to screen
     2. Show binding for angular 'in'
     3. Show event-listener way to bind to scope with js
     4. show 'bind-polymer' directive way
-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.14/webcomponents-lite.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<script>
    var module = angular.module('test', []);
    module.controller("ctrl", ['$scope', function($scope) {
       // do stuff in your controller
    }]);
</script>

<body>
<div ng-app="test" >
    <div ng-controller="ctrl" id="controller">
        <br>
        Angular phone <input ng-model="phone"/>
        <br><br>
        phone: {{phone}}
    </div>
</div>
</body>