Почему Angular е видит функцию?

Question

[Max]

Здравствуйте, помогите разобраться пожалуйста.
Есть во такой код на странице add.html

<div class="modal_button">
			<p><button id="modal_button" ng-submit="addProduct()">Додати новий продукт</button></p> 
		</div>
		<div class="my_Add" id="my_Add" >
			<div class="col-md-3"></div>
			<div class="col-md-6">
				<form action="">
				<div class="col-md-12">
					<br>Назва <br><input type="text" placeholder"Нвзва">
				</div>
				<div class="col-md-12">
					<br>Країна виробник <br><input type="text"  placeholder="Країна">
				</div>
				<div class="col-md-12">
					<br>Калорійність <br><input type="number" class="kalor"  placeholder="Калорійність">
				</div>
				<div class="col-md-12">
					<br>Ціна <br><input class="price" type="number" placeholder="Ціна">
				</div>
				<div class="col-md-12">
					<br>Термін зберігання <br><input type="number" class="number"  placeholder="Термін">
				</div>
				<div class="col-md-12">
					<br>Дата виготовлення<br><input type="date" class="datStw" ng- placeholder="Дата виготовлення">
				</div>
				<div class="col-md-12">
					<br>Опис <br>
					<textarea name="description" id="description" placeholder="Опис" cols="20" rows="8"></textarea>
				</div>
				<div class="col-md-12">
					<p><input type="button" value="Submit" onclick="save()"></p>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div id="Products">
	
</div>

И есть контроллер для этой страницы:

productApp.controller('AddtCtrl',['$scope','$http', '$location', function($scope, $http, $location) {
  $(document).ready(function(){
   $( "#modal_button" ).click(function() { // НЕ важно
      $( ".my_Add").css("display","block");// НЕ важно
      $( "table").hide(300);// НЕ важно
      $( ".modal_button button").css('display','none');// НЕ важно
    });// НЕ важно


  var a = document.getElementsByTagName("input");
  var mas=[];
    function save(){
      for (i=0;i<=3;i++){
          mas[i]=a[i].value; // Из инпутов в массив
        }
      for (i=0;i<=3;i++){
          a[i].value=mas[i]; // Обратно
          document.getElementById('Products').innerHTML += mas[i];
       }
      }
    });
}]);

Почему при добавлении нажатии на кнопку Submit пишется что функция save не найдена?

Comments

[DarthJS]

Я не очень понял, а зачем вы "используете" ангулар? Уберите его и используйте Jquery либо чистый JS, если вам удобней, так как вы якобы используете Ангулар, но не пользуетесь его возможностями.

Answer 1

[Alexander Tartmin]

var a = document.getElementsByTagName("input");
var mas=[];

Что за ересь? Вы документацию по Ангулару хоть читали? Есть же ngModel..

А это?

for (i=0;i<=3;i++){
          mas[i]=a[i].value; // Из инпутов в массив
        }
      for (i=0;i<=3;i++){
          a[i].value=mas[i]; // Обратно
          document.getElementById('Products').innerHTML += mas[i];
       }

Не ужто нельзя загуглить как в ангуларе пройтись по массиву

<p><input type="button" value="Submit" onclick="save()"></p>

Зачем Вы используете директиву ngSubmit, а потом ещё и на кнопку с value = submit вешаете событие??? И для таких событий есть же специальное ngClick

https://angularjs.org/ я взагалі не заздрю тому, кому ви залишите цей код. Взагалі...

Comments

[Max]

А з чього ви взяли, що я роблю цей сайт на замовлення? Я вивчаю ангуляр, стало завдання створити форму для введення данних у масив з послідуючим виведенням. Написав код на JS, шукаю спосіб застосувати в ангулярі.

1. Що "бредового" в коді "var a = document.getElementsByTagName("input");
var mas=[];" де я створюю масив і звертаюсь до всіх елементів "input"?
2. Знову ж таки просто переніс код на JS написаний до цього.
3. Тут ви праві безумовно.

[Alexander Tartmin]

Max: От же с початку читаємо про ngModel і віднині звертаємось до input-ів через $scope, або ControllerAs конструкцію. І взагалі любі данні з якими Вам потрібно оперувати на представленні заносіть до моделі. Для роботи з масивами і взагалі з данними почитайте про всі методи ангулара, там багато чого цікавого і корисного. Якщо потрібна допомога, у мене в профілі є скайп, можете стукати =)

[Max]

Alexander Tartmin: дякую)

Answer 2

[lega]

Её нужно добавить в $scope

Comments

[Max]

Можете чуть подробнее написать если это не очень сложно?)

Answer 3

[Андрей Саныч]

function save(){
замените на
$scope.save = function() {

Comments

[Max]

Не помогло(

[Андрей Саныч]

Max: замените onclick="save()" на ng-click="save()"