Вобщем суть, имеется html'ка:
<!DOCTYPE html>
<html lang="ru" ng-app="growSpotDB">
<head>
<meta charset="UTF-8">
<title>MyFirstMobileApp</title>
<!-- scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="src/front/js/jquery-3.2.1.min.js"></script>
<!--<script src="src/front/js/jquery.mobile-1.4.5.min.js"></script>-->
<script src="src/front/js/material.min.js"></script>
<script src="src/front/js/main.js"></script>
<!-- styles -->
<link rel="stylesheet" href="src/front/css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="src/front/css/material.min.css">
<link rel="stylesheet" href="src/front/css/material-yellow.min.css">
<link rel="stylesheet" href="src/front/css/material-icons.css">
<link rel="stylesheet" href="src/front/css/style.css">
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-tabs">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">GrowSpot Magazine</span>
</div>
<!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a ng-repeat="plant in plantsArray" href="#fixed-tab-1" class="mdl-layout__tab is-active">{{plant.name}}</a>
</div>
</header>
и js'ка:
angular.module("growSpotDB", []).controller("plantCtrl", function($scope){
// Стартовые сорта
var p1 = {
id:1,
name:"Whto"
}
var p2 = {
id:2,
name:"Lemk"
}
var p3 = {
id:3,
name:"Dev"
}
// Создать временную переменную
$scope.tempInput;
// Создать хранилище для всех растений
$scope.plantsArray = [p1, p2, p3];
То есть я хочу в
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a ng-repeat="plant in plantsArray" href="#fixed-tab-1" class="mdl-layout__tab is-active">{{plant.name}}</a>
</div>
вывести массив объектов и обращаться к его свойствам, однако массив не выводится совсем, консоль молчит, почему так происходит? Что я не так делаю?
Средний
Средний