angularjs_xeditable統合typeaheadインテリジェントヒントの完了
必要に応じてangularjsのxeditableにtypeaheadを追加してスマートヒントを完了し、選択後、このデータの他の情報もこの行に表示する必要があるので、テストの修正をしました.
もちろん、xeditableを使っている以上、このモジュールに参加する必要があります.
var Myapp = angular.module('Myapp ',['xeditable']);
次はページ上のhtmlコードです
Jsコード
もちろん、xeditableを使っている以上、このモジュールに参加する必要があります.
var Myapp = angular.module('Myapp ',['xeditable']);
次はページ上のhtmlコードです
Edit
{{ product.type || 'empty' }}
{{ product.name || 'empty' }}
Jsコード
// $http , ,
$http.get("selectAllProduct")
.success(function(data){
$scope.products=data;
})
//
$scope.getProductDetail = function ($item, $model) {
$scope.inserted = {
type: $model
name: $item.name,
}
$scope.products[$scope.products.length-1]=$scope.inserted;
};
//
$scope.saveProduct= function(data,id) {
angular.extend(data, {id: id});
return $http.post('saveProduct', data);
};
//
$scope.addProduct = function() {
$scope.inserted = {
type: '',
name:''
};
$scope.esms.push($scope.inserted);
}
//
$scope.removeProduct = function(index,product) {
if (confirm(" ?")){
$http.get("delete"+product.id)
.success(function(data){
$scope.products.splice(index, 1);
})
}
};