AngularJS Postメソッドでエラーが発生しました

Question

.netでRESTful APIを作成しました.HTMLはangularJSで作成されています。

とボタンがもう動作しません「挿入」：

問題は、ページのロード時に、私は次のエラーを取得しています、です。

これは私の挿入スクリプトで、完全なHTMLは、リンクで見つけることができます：あなたは、次のモデルとして[編集]ボタンの作品を作るために私を助けるために親切であれば

$scope.insert = function insert() { 
     var data = {"id": 3, "name": $scope.name, "description":$scope.description , "price": $scope.price, "categoryid": $scope.categoryid}; 
     $http.post(
      'http://localhost:22258/api/product', 
      JSON.stringify(data), 
      { 
       headers: { 
        'Content-Type': 'application/json' 
       } 
      } 
     ).success(function (data) { 
      $scope.products.push(data); 
     }); 

https://jsfiddle.net/0xb2nh9o/

：https://jsfiddle.net/benfosterdev/UWLFJ/ apiにHTTPPutを行うには、すばらしいことです。

すべてのRESTfulなリクエストは、あなたの助けが私にとって非常に有用であろうように、郵便配達

でテストAPIの作品が、私はAngularJSにキンダ初心者だけど、動作します。どうもありがとう ！

Answer 1

挿入機能は 'FormCtrl'ではなく 'ProductController'の一部です。

は、だからあなたのhtmlで、この操作を行います。

<div ng-controller="ProductController"> 

を、あなたはそのエラーを取り除くでしょう。

Answer 2

the URL reported in the error traceを開くと、「FormCtrl」がundefinedであると不平を言うことがわかります。

app.controller("ProductController", function ($scope, $http) { 

しかし、ここでFormCtrlとして、それを必要と：：

<div ng-controller="FormCtrl"> 

は、それらの一致を作成し、そのエラーが離れて行くでしょう、あなたがここにあなたのコントローラProductControllerと名付けているためだ

。

Answer 3

テンプレートに2つのコントローラが定義されています（ProductControllerおよびFormCtrl）。 のため、formCtrlのコントローラ定義がないため、エラーが発生します。

両方を保持する場合は、formCtrlのコントローラーを定義するか、コントローラーの使用をテンプレートから削除します。