Javascript JSON AngularJS中的图像_Javascript_Json_Angularjs_Ionic Framework

Javascript JSON AngularJS中的图像

javascript json angularjs ionic-framework

Javascript JSON AngularJS中的图像,javascript,json,angularjs,ionic-framework,Javascript,Json,Angularjs,Ionic Framework,我是AngularJS的新手，所以有时候当我犯了一些显而易见的错误时，我仍然无法找出我的代码出了什么问题。这么说，我的疑问是： HTML代码： <body ng-controller = "Ctrl"> <script id="Page6.html" type="text/ng-template"> <div class="list card" style="background-color: beige"> <div class="item it

我是AngularJS的新手，所以有时候当我犯了一些显而易见的错误时，我仍然无法找出我的代码出了什么问题。这么说，我的疑问是：

HTML代码：

<body ng-controller = "Ctrl">
<script id="Page6.html" type="text/ng-template">
<div class="list card" style="background-color: beige">

  <div class="item item-icon-left">
    <i class="icon ion-home"></i>
    <input type="text" placeholder = "Enter display name" ng-model="user.nam">
  </div>

<a ng-click = "saveedit(user)"<button class="button button-clear">SAVE DETAILS</button></a>
</div>
</script>
</body>

这是服务：

.service('ContactService', function () {
var items = [
        { id: 1, names: 'Dolphin',  image: 'dolphin.jpg',}, { id: 2, names: 'Donkey',  image: 'donkey.jpg'}, { id: 3,  empid: 'FG2043', image: 'penguin.jpg'}];

var im = [{image: ''}];
var ctr=0;
var uid=3;

this.save = function (contact,id) {
       ctr=0;
       for (i=0;i<items.length;i++) {
       if(items[i].id == id)
       {
       im[0].image= items[i].image;
       ctr=100;
       break;
       }
       }


            uid = (uid+1);
            contact.id = uid;

            items.push(contact);
            if (ctr==100 ) {
            alert("in save putting the image");

            items[contact.id].image = im[0].image; //doubt

            alert("finished putting image");
        }      
    }

    //simply search items list for given id
    //and returns the object if found

    this.getid = function (name) {

        for (i=0;i<items.length;i++) {
            if (items[i].names == name) {
                return (i+1);
            }
        }           

    }

    //simply returns the items list
    this.list = function () {
        return items;
    }
});

.service（'ContactService'，函数（）{
可变项目=[
{id:1，名称：'Dolphin'，图像：'Dolphin.jpg'，}，{id:2，名称：'Dolphin'，图像：'Dolphin.jpg'，}，{id:3，empid:'FG2043'，图像：'penguin.jpg'}；
var im=[{image:'}]；
var-ctr=0；
var-uid=3；
this.save=功能（联系人，id）{
ctr=0；
对于（i=0；i，这里的问题是，您使用从1开始的id
，在索引从0开始的数组中导航
要访问最近推送的元素，您应该执行以下操作：
items[contact.id - 1].image = im[0].image;

但实际上您不需要访问该数组：items[contact.id-1]
将返回您刚才推送的对象，该对象已被变量contact
引用，因此您可以执行以下操作：
contact.image = im[0].image;

这里的问题是，您正在使用从1开始的id
，在索引从0开始的数组中导航
要访问最近推送的元素，您应该执行以下操作：
items[contact.id - 1].image = im[0].image;

但实际上您不需要访问该数组：items[contact.id-1]
将返回您刚才推送的对象，该对象已被变量contact
引用，因此您可以执行以下操作：
contact.image = im[0].image;

您打开控制台了吗？有一个错误告诉您错误是什么。您在控制台中看到错误了吗？没有，控制台中没有错误，但不用担心，正如Amine指出的，这是一个索引问题。：）您打开控制台了吗？有一个错误告诉您错误是什么。您在控制台中看到错误了吗？没有，控制台中没有错误，但不用担心，正如Amine指出的，这是一个索引问题。：）