AngularJS - Problem med submit av forms
Hej,
Har försökt ett par timmar att få rätt på denna lilla angularJS applikationen men har nog stirrat mig blind. (Precis börjat lära mig detta).
Får inte min ng-click att prata med controllern. Applikationen fungerar väl överlag, då jag får info från servicen (12345) men kan inte skickat något tillbaka.
Någon som ser något uppenbart fel eller har en idé? Kan även skicka över hela Visual studios Solution om det hjälper. Godnatt!
Min template
<form class="form-horizontal" role="form">
<fieldset>
<legend>Basic information</legend>
<div class="form-group">
<label for="SKU" class="col-sm-3">SKU:</label>
<div class="col-sm-3">
<input type="text" id="sku" name="sku" class="form-control" ng-model="product.sku" />
</div>
<label for="title" class="col-sm-1">Title:</label>
<div class="col-sm-5">
<input type="text" id="title" name="title" class="form-control" ng-model="product.title" />
</div>
</div>
<input type="submit" class="btn btn-primary" value="Submit" ng-click="submitForm()" />
</fieldset>
</form>
Min controller
angularFormsApp.controller('pfController',
function pfController($scope, pfService){
$scope.product = pfService.product;
$scope.status = [
"Online",
"Offline"
];
$scope.submitForm = function () {
}
});
Min Service:
angularFormsApp.factory('pfService',
function () {
return {
product: {
sku: "12345"
}
}
});
Mitt directive
angularFormsApp.directive('productForm',
function () {
return {
restrict: 'E',
templateUrl: 'AngularApp/ProductForm/pfTemplate.html'
}
});
Samt uppskapandet av angularAppen
var angularFormsApp = angular.module('angularFormsApp', []);
