2015-10-07 42 views
0

我是离子框架的新成员。在我的应用程序中,我试图输入一些内容,当用户点击添加按钮时,我希望它保存在我的数据库中。我如何为此定义控制器?我应该在这里使用什么后端?我真的很困惑从哪里开始。请帮助我。任何潜在客户都会有帮助。这是我的index.html使用Angularjs和离子框架将数据添加到mysql数据库中

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 
    </head> 
    <body ng-app="starter"> 
    <!-- 
     The nav bar that will be updated as we navigate between views. 
    --> 
    <ion-header-bar class="top"> 
     <h1 class="Title">Ionic App</h1> 
    </ion-header-bar> 
    <ion-content> 
     Add URL: <input> 
     <button>Add</button> 
    </ion-content> 
    </body> 
</html> 
+0

你是否需要其他html页面? – Muhsin

回答

2

一些receipes让你开始:

  1. 创建由适用于每个元素的初始(模型)值控制器支持的形式要素的图。
  2. 使用ngModel指令熟悉“2-Way-Data-Binding”。这基本上是连接您的表单元素与模型值。
  3. 在控制器中创建一个函数,例如保存模型到数据库(像$scope.saveData(){...};
  4. ngClick指令添加到您的“保存”按钮:<button ng-click"saveData()">Add</button>调用的函数。
  5. 查看$http$resource并了解RESTful Web服务以连接到您的后端。
  6. 在您的服务器上实现REST端点,将数据保存到数据库中
  7. 请参阅here了解更多信息。网上有很多这样的教程。

祝你好运! :-)

相关问题