Question

大家好我正在尝试学习Angular来制作Ionic应用程序，而我正在学习Angular的教程，事实上并非所有的角度语句都适用于Ionic。我试图将名称和城市从输入推送到数组（不需要保存它们。

这些是我的输入字段：

<p>What is your first name? </p>
<input type="text" ng-model="newCustomer.name"/>
<p>What city do you live in?</p>
<input type="text" ng-model="newCustomer.city"/>
<button ng-click="addCustomer()">Become a customer</button>

这就是所有名称和城市的显示方式：

<ul>
   <li ng-repeat="cust in customers | filter: name"> {{cust.name + " from " + cust.city}} </li>
</ul>

这是控制器：

demoApp.controller('simpleController', function ($scope){
    $scope.customers =  [
        { name: 'jasper', city: 'Amsterdam' },
        { name:'Dave',city:'phoenix'} ,
        { name:'Gina', city:'Amsterdam' },
        { name: 'Philip', city:'Otterloo'}
        ];

    $scope.addCustomer = function() {
      $scope.customers.push(
          {
              name: $scope.newCustomer.name,
                city: $scope.newCustomer.city
        });
    };
});

我正在关注一个教程，我在堆栈和谷歌搜索但是真的找不到我做错了什么，我希望有人可以帮助我。

P.S。我是堆栈的新手，所以如果我做错了（堆栈规则明智），请不要犹豫，向我指出。

编辑：有人要求提供完整的app.js代码

var demoApp = angular.module('demoApp',['ionic']);

demoApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/')

    $stateProvider.state('home', {
  url: '/home',
  views: {
    home: {
      templateUrl: 'home.html',
        controller: 'simpleController'
    }
  }
})

$stateProvider.state('help', {
  url: '/help',
  views: {
    help: {
      templateUrl: 'help.html',
        controller: 'simpleController'

    }
  }
})
});

demoApp.controller('simpleController', function ($scope){
    $scope.customers =  [
        { name: 'jasper', city: 'Amsterdam' },
        { name:'Dave',city:'phoenix'} ,
        { name:'Gina', city:'Amsterdam' },
        { name: 'Philip', city:'Otterloo'}
        ];

    $scope.addCustomer = function() {
      $scope.customers.push(
          {
            name: $scope.newCustomer.name,
            city: $scope.newCustomer.city
        });
    };
});

Answer 1

我找到了答案，没有我的代码不正确。解决方案是：

    <application
    android:allowBackup="true"
    android:icon="@drawable/time_machine_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" 
    android:name="mypackage.myapp"
    android:fullBackupContent="@xml/backupscheme" 
    >

在控制器下，问题是newCustomer未定义。

谢谢大家的帮助。

快乐的编码！

编辑：致Khanh TO的回信在这个堆栈上找到了答案：Why ng-model is not defined?。

在Ionic中将字符串推送到数组

1 个答案: