Ввод и вывод (с использованием angular)

Я не понимаю, почему он отображает функцию в поле ввода? Я просто пытаюсь ввести имя и показать его пользователю.

HTML:

<div ng-app = "mainApp" ng-controller = 
"studentController">

<tr>
<td>Enter full name:</td>
<td><input type = "text" ng-model = 
"student.fullName"></td>
</tr>



<tr>
<td>Name in Upper Case:</td>
<td>{{student.fullName() | uppercase}}</td>
</tr>

</div>

ЯВАСКРИПТ:

var mainApp = angular.module("mainApp", []);

mainApp.controller('studentController', 
function($scope) {

"use strict";

$scope.student = {

fullName: function() {

    var studentObject;
    studentObject = $scope.student;
    return studentObject.fullName;
    }
};
});

Потому что вы перезаписали атрибут fullName вашего студенческого объекта своей функцией fullName.

Batajus 10.09.2018 11:26
0
1
37
1

Ответы 1

Потому что вы используете функцию как модель для двухсторонней привязки данных. Элемент ввода назначит строку для fullName, когда привязка идет от представления к области видимости.

Другие вопросы по теме