0
私は通常、昼食のために食べるコンマで区切られた項目をリストすることができるテキストボックスをユーザに提示するフロントエンドアプリケーションを作成しようとしています。これが入力されたら、ユーザーは「Check If Too Much」ボタンをクリックする必要があります。角型が認識されません。プログラムが動作しない
私は初心者だけど、まだ角の偉大な把握を持っていません。私のプログラムは動作しません。 1つは、式をHTMLで補間するときに式が認識されないということです。理由は分かりません。
私はそこに私のディレクティブの配置と間違って何かあってもよいが、実際にはわからない、実際にいくつかの助けを使用することができかもしれないと思います。
(function() {
'use-strict';
angular.module('lunchCheck', [])
.controller('LunchCheckController', function ($scope) {
$scope.numberitems = function() {
var itemstring = $scope.items
var lunchItems = itemstring.split(",")
return length.lunchItems
};
$scope.statement = function() {
if ($scope.numberitems==0) {
return "Please enter data first!"
}
else if (0<$scope.numberitems<5) {
return "Enjoy!"
}
else if ($scope.numberitems>4) {
return "Too much!"
}
};
});
})();<!doctype html>
<html lang="en" ng-app="lunchCheck">
<head>
<title>Lunch Checker</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/bootstrap.min.css">
<style>
.message { font-size: 1.3em; font-weight: bold; }
</style>
</head>
<body>
<div class="container" ng-controller="LunchCheckController">
<h1>Lunch Checker</h1>
<div class="form-group">
<input id="lunch-menu" type="text"
placeholder="list comma separated dishes you usually have for lunch"
class="form-control"
ng-model="items">
</div>
<div class="form-group">
<button
class="btn btn-default"
ng-click="statement">Check If Too Much</button>
</div>
<div class="form-group message" ng-click="statement">
{{statement}}
</div>
</div>
</body>
</html>
どこページの 'angular.js'参照がありますか？ –
文は関数なので、関数として '（）'を使う必要があります。 – Nilesh