Отображение входных значений формы в таблице с помощью angularJs - PullRequest
Новая
       12

Отображение входных значений формы в таблице с помощью angularJs

0 голосов
/ 01 апреля 2019

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

model.html 

<html>
<body ng-controller="myController">
<form ng-submit="addRow()">
<input type="text" ng-model="name"/>
<input type="submit" value="value"/> 
<form/>

<table>
<tr ng-repeat="record in records">
<td>{ {record.name} }<td/>
<tr/>
<table/>
<body/>
<html/>

script.js 

myApp.controller('testController,[$scope',function($scope)
{
$scope.records=[];
$scope.addRow = function()
{
$scope.records.push({'name': $scope.name});
};
}]);

Но ячейка выходной таблицы отображается как {{record.название} }.Я хочу напечатать имя, которое я печатаю в текстовом поле

1 Ответ

0 голосов
/ 01 апреля 2019

обязательно исправьте следующее:

  • добавьте директиву ng-app в ваш html и определите свой модуль в js.

  • имя контроллера отличается в вашем html от того, что есть в вашем javascript

    • , пожалуйста, не забудьте закрыть ваши цитаты для 'testController' в js и 'Переменные $ scope.

вот рабочая jsFiddle ссылка html: 

  <body ng-app='myApp' ng-controller="testController">
    <form ng-submit="addRow()">
      <input type="text" ng-model="name" />
      <input type="submit" value="value" />
      <form/>

      <table>
        <tr ng-repeat="record in records">
          <td>{{record.name}} <td/>
         <tr/>
       <table/>
   <body/>
<html/>

javsacript 

myApp = angular.module('myApp', []);

myApp.controller('testController', ['$scope', function($scope) {
  $scope.records = [];
  $scope.addRow = function() {
    $scope.records.push({
      'name': $scope.name
    });
  };
}]);
...