как вернуть данные консоли в angularjs

Этот журнал консоли работает правильно. Как получить эти данные для html.как вернуть данные консоли в angularjs

ProductController.js

$scope.selectedProduct = function(product) 
{ 
    console.log(product.post_title); 
    console.log(product.ID); 
    console.log(product.post_date); 
    console.log(product.post_author); 
}

ProductDetails.html

<ion-item class="item widget uib_w_109 d-margins item-button-left" data-uib="ionic/list_item_button" data-ver="0"> 
 
     Product Name : {{product.post_title}} <br> 
 
      Product Id : {{product.ID}}<br> 
 
</ion-item>

источник

2016-07-29 moni123

Вы хотите получить данные с сервера, а затем показать, что в HTML? –

да это данные с сервера. – moni123

' Наименование продукта: {{selectedProduct.post_title}}
Идентификатор продукта: {{selectedProduct.ID}}
'использовать этот –

Вам необходимо присвоить переменной $ области видимости,

$scope.selectedProduct = function(product) 
{ 
    $scope.product.post_title = product.post_title; 
    $scope.product.ID = product.ID; 
    ........ 
}

, если вы хотите, чтобы подтолкнуть его к массиву,

$scope.products =[]; 
$scope.products.push($scope.product);

источник

2016-07-29 05:33:02 Sajeetharan

'' undefined 'не является объектом (оценивая' $ scope.product.post_title = product.post_title ') 'Теперь у меня есть эта ошибка – moni123

, вам нужно сначала объявить переменную $ scope.poduct, что-то вроде этой $ scope. product = {}; – Sajeetharan

Я добавил гайку контроллера ng не работает – moni123

Назначает эти значения в переменный объеме и попробуйте вызвать эту область видимости переменные в HTML.

источник

2016-07-29 05:36:14 Manikandan

Как это сделать? – moni123

$ scope.selectedProduct = function (product) { $ scope.productPostTitle = product.post_title; $ scope.productID = product.ID; } – Manikandan

У вас есть скрипка для вашей проблемы? – Manikandan

Просто сделай это ...

$scope.product{ 

} 

$scope.selectedProduct = function(product) 
{ 
    $scope.product.post_title = product.post_title; 
    $scope.product.ID = product.ID; 
    $scope.product.post_date = product.post_date; 
    $scopee.product.post_author =product.post_author; 
}

или вы можете просто сделать ...

$scope.product{ 

} 

$scope.selectedProduct = function(product) 
{ 
    $scope.product = product; 
}

источник

2016-07-29 05:37:59

'' undefined 'не является объектом (оценивая' $ scope.product.post_title = product.post_title ') 'Тогда у меня есть эта ошибка – moni123

просто объявить $ scope.product = {} ... ... в верхней части этого кода –

Вы должны хранить значения в переменной $ объема и необходимо также упомянуть нг -controller в родительском элементе. Вот полный код с примером

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
 
<div ng-app="app1"> 
 
\t <div ng-controller="ctrl1"> 
 
\t \t Employee Info<br/> 
 
\t \t <strong>Id:</strong> {{employeeId}}<br/> 
 
\t \t <strong>Name:</strong> {{employeeName}} 
 
\t </div> 
 
</div> 
 

 
<script> 
 
var app = angular.module('app1', []); 
 
app.controller('ctrl1', function($scope) { 
 
    $scope.employeeId= "E001"; 
 
    $scope.employeeName= "John Doe"; 
 
}); 
 
</script>

источник

2016-07-29 05:42:52

Я не могу получить его ... – moni123

Если у Вас есть одно значение, то вы можете получить доступ, что с помощи [0] расстроились еще вы можете сделать это с помощью нг-повтор.

Пожалуйста, проверьте следующий код.

angular.module('appTest', []) 
 
    .controller("repeatCtrl", function($scope) { 
 
    $scope.items = [{ 
 
     Name: "Soap", 
 
     Price: "25", 
 
     Quantity: "10" 
 
    }, { 
 
     Name: "Bag", 
 
     Price: "100", 
 
     Quantity: "15" 
 
    }, { 
 
     Name: "Pen", 
 
     Price: "15", 
 
     Quantity: "13" 
 
    }]; 
 
    
 
    $scope.result = {}; 
 
    $scope.selectProduct = function(product){ 
 
    $scope.result = product; 
 
    }; 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="appTest"> 
 
    <section ng-controller="repeatCtrl"> 
 
    <table> 
 
     <thead> 
 
     <tr ng-repeat="item in items | limitTo:1"> 
 
      <th ng-repeat="(key, val) in item"> 
 
      {{key}} 
 
      </th> 
 
     </tr> 
 
     </thead> 
 
     <tbody> 
 
     <tr ng-repeat="item in items"> 
 
      <td ng-repeat="(key, val) in item"> 
 
      <a href="#" ng-click="selectProduct(item)">{{val}}</a> 
 
      </td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 
    <br/> 
 
    <div> 
 
    Name : {{result.Name}} <br/> 
 
    Price : {{result.Price}} <br/> 
 
    Quantity : {{result.Quantity}} 
 
     
 
    </div> 
 
    </section> 
 
    
 
</body>

источник

2016-07-29 05:46:17

Этот код не работает мой друг – moni123

В чем проблема? –

У меня нет никакого результата. Не показывать также ошибку. – moni123

Start, объявляя '$ scope' переменную:

$scope.product = {};

Затем присвоить ему значение в вашей fonction:

$scope.selectedProduct = function(product) { 
    $scope.product.ID = product.ID; 
    ... 
}

EDIT

Это fiddle работает, есть ли разница в вашем коде?

источник

2016-07-29 05:46:46

'' undefined 'не является объектом (оценивая' $ scope.product.post_title = product.post_title ') 'Теперь у меня есть эта ошибка, мой друг – moni123

Кажется, $ scope' не объявлен, что вы получаете, когда делаете:'console.log ($ scope) '? –

Я проверяю браузер сафари мой друг. PLS, вы можете мне помочь, – moni123

Измените JavaScript и HTML-код, как показано ниже:

$scope.selectedProduct = function(product){ 
    return product; 
}

HTML

<ion-item class="item widget uib_w_109 d-margins item-button-left" data-uib="ionic/list_item_button" data-ver="0"> 
    Product Name : {{selectedProduct.post_title}} <br> 
    Product Id : {{selectedProduct.ID}}<br> 
</ion-item>

С уважением.

источник

2016-07-29 05:47:00

Это не работает – moni123

Просьба сообщить подробную информацию об ошибке. или может создать скрипку, чтобы показать, что вы пытаетесь. –

Можете ли вы ответить на этот вопрос, мой друг .. http://stackoverflow.com/questions/38431873/controller-data-set-another-page-in-angular – moni123

Просто установите продукт, переданный в качестве параметра в переменную области видимости, затем привяжите или используйте переменную области видимости в HTML.

здесь является рабочим plunker: https://plnkr.co/edit/caqLK8oOIukeNuPQed3h?p=preview

$scope.product = {}; 
    $scope.selectedProduct = function(product) { 
    $scope.product.post_title = product.post_title; 
    $scope.product.ID = product.ID; 
    $scope.product.post_date = product.post_date; 
    $scopee.product.post_author = product.post_author; 

    };

в кнопке Plunker получает продукт с сервера и вызывает функцию, чтобы установить продукт. , поскольку plunker не имеет запроса сервера, продукт, который будет выбран, определяется статически.

источник

2016-07-29 07:33:12 Hersharan

Это не работает мой друг. Этот Plunker также не работает – moni123

У меня были проблемы с версией, повторите попытку, я обновил плункер, запустил его и нажав кнопку, выберете значения. – Hersharan

Теперь он будет работать над Plunker. Что мне нужно использовать для этого моего друга. 'productFetched' – moni123

как вернуть данные консоли в angularjs

ответ

Смежные вопросы