在ng-click

时间:2016-06-15 20:24:44

标签: javascript angularjs rest

我遇到按钮/ div中自定义数据键属性的POST数据问题。 App,在加载数据键属性的GET值之后。单击一个后,按钮会使用此属性的POST值创建一个函数。

问题是我在制作正确的$ scope方面遇到麻烦,以jSON格式传递正确的值,点击按钮(app有1-3个可点击的按钮,每个都有不同的值)。

请提示或建议,最好的问候,

控制器:

var myApp = angular.module( 'crm', [] );

myApp.controller( 'AppCtrl', [ '$scope', '$http', function ( $scope, $http ) {
  console.log( 'Hello from controller!' );

  $http.get( '/xxx/dictionary' ).success( function (response) {
    $scope.items = response;
    console.log( 'I got data I requested: \n' + response);
    $scope.proceed();

  } );

  $scope.proceed = function () {
    var selectedOption = $scope.selectedOption;

    console.log( 'Count fn() clicked' );
    $http.get( '/xxxx/xxxx' ).success( function ( response ) {
      if (response) {
        console.log( 'You are in context, good luck! ' + '\n CI: ' + response + '\n Selected val: ' + $scope.selectedOption );
        $http.get( '/xxx/offers/' + selectedOption ).success( function ( response ) {
          $scope.offers = response;
          console.log( 'Got offers data I requested:\n' + response );
        } );
      }
      else {
        console.log( 'Please pick up a context!' );
      }
    } )
  };

  $scope.sell = function() {

    console.log( 'Sell clicked!' );
    $http.post( '/response' )...?        <--- Here is Problem
  };

查看:

<div class="offer" ng-model="offerBox">

              <div class="offer-box" ng-repeat="offer in offers.offerDtoList">
                  <div class="offer-box__headline">
                      <div class="offer-box__lp"><span class="number">{{ offer.spaceId }}.</span></div>
                      <div class="offer-box__title" ng-model="offerHeadline"><span>{{ offer.offerProduct }}</span></div>
                  </div>
                  <div class="offer-box__content">
                      <div class="offer-box__description">
                          <p>{{ offer.offerDetails }}</p>
                      </div>
                      <div class="offer-box__buttons">
                          <div class="btn btn-success" data-key="{{ offer.statusId }}" ng-click="sell()" ng-model="sell">sprzedaj</div>
                          <div class="btn btn-info" data-key="{{ offer.statusId }}" ng-click="plan()">zaplanuj</div>
                          <div class="btn btn-danger" data-key="{{ offer.statusId }}" ng-click="drop()">odrzuć</div>
                      </div>
                  </div>
              </div>

1 个答案:

答案 0 :(得分:0)

我在控制器中创建function ( offer, id ),并且在视图中我创建了sell( offer, $event ),并且我在控制器中获取值:

var action = id.target.attributes.data.value;

感谢您提示,特别是提示sell( offer )

问候!

相关问题