How to display the scope property to text input in angularJS

Question

I'm new in AngularJS, and can't do the simple task. I hope that you will help me. My goal is to display the $scope property "server" from controller to text input in the view when it's loaded:

My controller:

(function () {

  'use strict';

  angular
    .module('app')
    .controller('HomeController', homeController);

  homeController.$inject = ['authService', 'httpService'];

  function homeController(authService, $scope) {

    var vm = this;
    vm.auth = authService;
    $scope.server = SERVER_HOST_NAME;
    console.log ($scope.server);
  }
})();

var SERVER_HOST_NAME = "anysite.com"; is global.

And I want, that the text input in the view is display that for loading.

My view is

<h4 ng-if="vm.auth.isAuthenticated()">
    You are logged in!
</h4>
<h4 ng-if="!vm.auth.isAuthenticated()">
  You are not logged in! Please <a ng-click="vm.auth.login()">Log In</a> to continue.
</h4>

<div class="container">
  <label>Team city server:</label>

  <input ng-model="server" type="text" />
    <button ng-click="getBuilds()">Extract</button>
</div>

I use ng-model to bind my property to textinput, but have no idea why it is not working. I guess this is simple task. Thank you.

Sajeetharan · Accepted Answer · 2019-02-03 12:59:33Z

1

why you are mixing up both $scope and vm ? use vm and controller as syntax on HTML as follows,

 vm.server = SERVER_HOST_NAME;

and the HTML would be,

<input ng-model="vm.server" type="text" />

answered Feb 3, 2019 at 12:59

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Raventus Over a year ago

Thank you for you reply, I did what you say, but the problem is still apper. The textinput didn't display the vm.server property

Sajeetharan Over a year ago

can you console.log and see what is the value of vm.server inside the controller

Raventus Over a year ago

I can't undestand, but you solution is worked, I don't know why I can't get this result at the first time, but now is displaying, many thanks to you.

Collectives™ on Stack Overflow

How to display the scope property to text input in angularJS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related