Q: Unable to get $scope property value in angular 1. app.js
var appProfileDetails = angular.module('profileDetailsApp', ['ngMaterial','ngAria','ngAnimate','ngRoute' ]);

2. contactController.js
appProfileDetails.controller('contactController', function($scope) {

    $scope.msg= function(){
        alert($scope.emailId);
    };


});

3. html code
<div style="height:55px;" ng-app="profileDetailsApp" ng-controller="contactController">
            <md-input-container > 
                <label>Email</label>
                <input type="email" name="emailId" ng-model="emailId" > 
             </md-input-container>
    </div>


<md-button class="md-raised" ng-click="msg()" >Next</md-button>


A: Its because your click is outside the scope of your controller. Put your button inside the div of controller. You are binding the function with the scope object inside the contactControllerbut using outside the scope of controller in the html.
<div style="height:55px;" ng-app="profileDetailsApp" ng-controller="contactController">
            <md-input-container > 
                <label>Email</label>
                <input type="email" name="emailId" ng-model="emailId" > 
             </md-input-container>
    <md-button class="md-raised" ng-click="msg()" >Next</md-button>
    </div>

