Question

我使用带有MySQL后端的角度。

我想我错过了关于ng-model的事情。

当我点击添加新想法时，没有任何反应。有任何想法吗。我有它工作，但后来我改变了一些东西，所以我知道它注册到数据库。此外，当它确实有效时，它只会在没有偶尔刷新的情况下更新。我的主要目标是让添加工作重新开始，但是如果还有其他明显错误的地方，请随时给我一些时间。

谢谢，所有。

HTML

<form>
    <div>
        <input type="text" class="form-control" name="idea" ng-model="ideaInput">
        <button class="btn btn" type="submit" ng-click="addIdea(ideaInput)">Add 
             New Idea</button>
    </div>
</form>

PHP

<?php 
require_once 'db.php'; // The mysql database connection script
if(isset($_GET['idea'])){
$task = $_GET['idea'];
$status = "0";
$created = time();
$query=mysql_query("INSERT INTO ideas(idea,status,created_at)  VALUES ('$idea', '$status', '$created')") or die(mysql_error());
}

js控制器

app.controller('ideasController', function($scope, $http) {
  getIdea(); // Load all available ideas 
  function getIdea(){  
  $http.get("ajax/getIdea.php").success(function(data){
        $scope.ideas = data;
       });
  };
  $scope.addIdea = function (idea) {
    $http.get("ajax/addIdea.php?idea="+idea).success(function(data){
        getIdea();
        $scope.ideaInput = "";
      });
  };

?>

这是过去的工作。

<div class="col-sm-3">
<button ng-click="addNewClicked=!addNewClicked;" class="btn btn-sm btn-danger header-elements-margin"><i class="glyphicon  glyphicon-plus"></i>&nbsp;Add New Idea</button>
</div>
<div class="col-sm-3">

<input type="text" ng-model="filterIdea" class="form-control search header-elements-margin" placeholder="Filter Ideas">

</div>
</div></div>
<div class="widget-body ">
<form ng-init="addNewClicked=false; " ng-if="addNewClicked" id="newIdeaForm" class="add-idea">
<div class="form-actions">
<div class="input-group">
<input type="text" class="form-control" name="comment" ng-model="ideaInput" placeholder="Add New Idea" ng-focus="addNewClicked">
<div class="input-group-btn">
<button class="btn btn-default" type="submit" ng-click="addIdea(ideaInput)"><i class="glyphicon glyphicon-plus"></i>&nbsp;Add New Idea</button>
</div>
</div>
</div>
</form>

Answer 1

尝试在div中添加控制器引用：

<form>
    <div ng-controller="ideasController">
        <input type="text" class="form-control" name="idea" ng-model="ideaInput">
        <button class="btn btn" ng-click="addIdea(ideaInput)">Add 
             New Idea</button>
    </div>
</form>

使用按钮从带有角度的文本输入中添加数据

1 个答案: