ReferenceError угловой не определен - PullRequest
Новая
       0

ReferenceError угловой не определен

0 голосов
/ 28 декабря 2018

Много раз отвечали, но я все еще не понимаю, что не так в моем коде.Я новичок в JavaScript и Angular, поэтому, пожалуйста, помогите, почему я получаю эту ошибку.

Вот мои HTML и JavaScript коды.Я пытаюсь сделать массив из пользовательских значений ввода, показать их в таблице, а затем вставить кнопку для расчета самых дешевых и самых дорогих элементов списка.Прямо сейчас я застрял в получении пользовательских входных данных в массиве из-за угловой ошибки. 

var listaArr = [];
var app = angular.module("ostosLista", []);
app.controller("listaKontrolleri", ['$scope', function($scope) {
    $scope.listaArr = [{"syotettyTuote": "syotettyHinta"}];
}]);

var syotettyTuote = $scope.document.getElementById("tuote");
var syotettyHinta = $scope.document.getElementById("hinta");

function lisaaListaanTuote(){
    $scope.listaArr.push($scope.syotettyTuote.value);
}
function lisaaListaanHinta(){
    $scope.listaArr.push($scope.syotettyHinta.value);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<!DOCTYPE html>
<html lang="en-US" ng-app="ostosLista">
    <head>
        <title>Budjetti</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body ng-controller="listaKontrolleri">
       <h1>Listasi</h1>
       <table>
       <tr ng-repeat="syotettyTuote and syotettyHinta in listaArr">
           <td>{{ $index + 1 }}</td>
           <td>{{ x.syotettyTuote }}</td>
           <td>{{ x.syotettyHinta }}</td>
       </tr>
       </table>
       <form>
           <fieldset>
               <legend>Listaan</legend>
               <input id="tuote" type="text" ng-model="syotettyTuote" placeholder="Tuote" />
               <button ng-click="lisaaListaanTuote()">Laita listaan</button>
               <input id="hinta" type="parseInt" ng-model="syotettyHinta" placeholder="Hinta" />
               <button ng-click="lisaaListaanHinta()">Laita listaan</button>
            </fieldset>
        </form>
        <h2>Listasi kallein ja halvin tuote</h2>
        <button id="laske" onclick="laske()" placeholder="Laske kallein ja halvin tuote">Laske kallein         ja halvin</button>
        <textarea id="kallein" placeholder="Kallein" ></textarea>
        <textarea id="halvin" placeholder="Halvin"></textarea>
    </body>
</html>

1 Ответ

0 голосов
/ 28 декабря 2018

Вы использовали $scope объект за пределами Controller, и язык кода немного сложен для понимания.

Однако я добавил простой пример из вашего кода. 

var listaArr = [];
var app = angular.module("ostosLista", []);
app.controller("listaKontrolleri", ['$scope', function($scope) {
    $scope.listaArr = [];
	
	$scope.lisaaListaanTuote = function(){
  
    var val = angular.element(document.querySelector("#tuote")).val();
      
      console.log(val);
    
		$scope.listaArr.push(val);
	}
	
}]);
<!DOCTYPE html>
<html lang="en-US" ng-app="ostosLista">
    <head>
        <title>Budjetti</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body ng-controller="listaKontrolleri">
       <h1>Listasi</h1>
       <table>
       <tr ng-repeat="item in listaArr">
           <td>{{item}}</td>
       </tr>
       </table>
       <form>
           <fieldset>
               <legend>Listaan</legend>
               <input id="tuote" type="text" placeholder="Tuote" />
               <button ng-click="lisaaListaanTuote()">Laita listaan</button>
            </fieldset>
        </form>
       
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...