Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Buy a domain name - Register cheap domain names from $0.99 - Namecheap

Scalable Hosting That Grows With You

Secure & Reliable Web Hosting, Free Domain, Free SSL, 1-Click WordPress Install, Expert 24/7 Support

Semrush - keyword research tool

Boost your online presence with premium web hosting and servers

Disclosure: My content contains affiliate links.

39,845 questions

51,766 answers

573 users

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 362 views
2 answers 359 views
2 answers 338 views
2 answers 402 views
1 answer 299 views
1 answer 275 views
...