Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
BlueHost Web Hosting

Bonsai Boy of New York Bonsai Trees and Accessories

Website Domains Names & Hosting | Domain.com

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting

Instant Grammar Checker - Correct all grammar errors and enhance your writing

Liquid Web Cloud VPS Hosting

Disclosure We are a professional Programming & Software Q&A website, that receives compensation from some of the links whose we show you with Information. It means that my content may contain affiliate links.

12,730 questions

17,332 answers

573 users

How to use module and controller in external files with AngularJS

1 Answer

0 votes
<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<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}}
<script src="app.js"></script>
<script src="ctrl.js"></script>
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