How to use module and controller in external files with AngularJS

1 Answer

0 votes
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
 
<p>Change Programming Language:</p>
 
<div ng-app="ngapp" ng-controller="ctrl">
 
Programming Language A: <input type="text" ng-model="pl_A"><br>
Programming Language B: <input type="text" ng-model="pl_B"><br>
Programming Language C: <input type="text" ng-model="pl_C"><br>
<br />
Programming Language: {{pl_A + ", " + pl_B + ", " + pl_C}}
</div>
 
<script src="app.js"></script>
<script src="ctrl.js"></script>
 
</body>
</html>
 
<!--
run:
 
Programming Language: Java, C, C# 
 
-->
// app.js

var app = angular.module('ngapp', []);
// ctrl.js

app.controller('ctrl', function($scope) {
    $scope.pl_A= "Java";
    $scope.pl_B= "C";
    $scope.pl_C= "C#";
});

 



answered May 19, 2017 by avibootz

Related questions

1 answer 319 views
2 answers 321 views
2 answers 284 views
2 answers 359 views
1 answer 265 views
1 answer 252 views
...