Как отобразить свойство scope для ввода текста в angularJS - PullRequest
Новая
       8

Как отобразить свойство scope для ввода текста в angularJS

0 голосов
/ 03 февраля 2019

Я новичок в AngularJS и не могу выполнить простую задачу.Я надеюсь, что вы мне поможете.Моя цель - отобразить свойство $ scope "server" от контроллера до ввода текста в представлении, когда оно загружено:

Мой контроллер: 

(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";является глобальным.

И я хочу, чтобы ввод текста в представлении отображался для загрузки.

Мой просмотр 

<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>

Я использую модель ng дляпривязать мое свойство к textinput, но понятия не имею, почему оно не работает.Я думаю, это простая задача.Спасибо.

1 Ответ

0 голосов
/ 03 февраля 2019

почему вы смешиваете и $ scope, и vm?используйте vm и controller в качестве синтаксиса для HTML следующим образом: 

 vm.server = SERVER_HOST_NAME;

, а HTML будет: 

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