的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>User Management Tool</title>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
        <script src="bower_components/ng-resource/dist/ng-resource.js"></script>
    <script src="client/js/lb-services.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="bower_components/ui-router/release/angular-ui-router.js"></script>
    <script src="app.js"></script>
</head>

<body ng-app="userApp">

<!-- NAVIGATION -->
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">User Management Tool</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a ui-sref="home">All Users <span class="sr-only">(current)</span></a></li>
        <li><a ui-sref="create">Create a User</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">User Admin</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>


<div ui-view></div>     
</body>
</html>

app.js

(function () {
 "use strict";

var userApp = angular.module("userApp", ['ui.router', 'lbServices', 'ui.bootstrap'])
    var Se_user = this;

userApp.controller("UserController", function ($scope, Se_user) {
        $scope.users = Se_user.find({});
    })

userApp.controller("CreateUserController", function($scope, Se_user, $state) {
        $scope.addUser = function (user) {
            Se_user.create(user);
            alert('Your new user has been created!');
            $scope.create.$setPristine();
            $scope.user={};
        };
});


userApp.controller("UserDetailController", function($scope, $state, $stateParams, Se_user){
        $scope.code=Se_user.findByID({id: $stateParams.user_id}); //Get record for specific user ID
});

userApp.config(function($stateProvider, $urlRouterProvider){

    $urlRouterProvider.otherwise('/home');

    $stateProvider

    .state('home', {
        url:'/home',
        templateUrl:'partial-home.html',
        controller:'UserController'
    })
    .state('create', {
        url:'/create',
        templateUrl:'partial-create.html',
        controller:'CreateUserController'
    })
    .state('edit',{
        url:'/edit',
        templateUrl:'partial-edit.html',
        contoller: 'UserDetailController'
    })

});

})();

局部home.html做为

<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<h1>All Users</h1>
</div>
<br>    
<div class="col-md-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div><!--/.container-fluid -->

<div class="container-fluid" ng-controller="UserController as users">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>EID</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Active</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="user in users">
                    <td>{{user.eid}}</td>
                    <td>{{user.first_nm}}</td>
                    <td>{{user.last_nm}}</td>
                    <td>{{user.active}}</td>
                </tr>
                </tbody>
            </table>
</div>

<div ui-view></div>

局部create.html上

<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h1>Create a User</h1>
    </div>
<div class="col-md-4">
    </div>
</div>
</div>
<div class="container-fluid" ng-controller="CreateUserController">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
    <form class="create-form" role="form" ng-submit="add(code)" name="create">
            <div class="form-group">
                <label for="user_eid">EID</label>
                <input type="text" class="form-control" ng-model="user.user_eid" placeholder="Enter EID">
                </div>
                <div class="form-group">
                <label for="user_first_nm">First Name</label>
                <input type="text" class="form-control" ng-model="user.user_first_nm" placeholder="Enter First Name">
                </div>
                <div class="form-group">
                <label for="user_last_nm">Last Name</label>
                <input type="text" class="form-control" ng-model="user.user_last_nm" placeholder="Enter Last Name">
                </div>
                <div class="form-group">
                <label for="user_email_adr">Email Address</label>
                <input type="text" class="form-control" ng-model="user.user_email_adr" placeholder="Enter Item Type">
                </div>
                <div class="form-group">
                <label for="user_role">Role</label>
                <input type="text" class="form-control" ng-model="user.user_role" placeholder="Enter Status Code">
                </div>
                <div class="form-group">
                <label for="user_active">Active</label>
                <div class="radio">
                <label>
                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" ng-model="user.user_active" checked>
    Yes
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" ng-model="user.user_active">
    No
  </label>
</div>
                </div>
                <div class="form-group">
                <label for="insrt_dt">Creation Date</label>
                <input type="date" class="form-control" ng-model="code.insrt_dt" placeholder="Enter Creation Date">
                </div>
                <div class="form-group">
                <label for="insrt_user_id">Creator EID</label>
                <input type="text" class="form-control" ng-model="code.insrt_user_id" placeholder="Enter Creator EID">
                </div>
                <div class="form-group">
                <label for="upd_dt">Update Date</label>
                <input type="date" class="form-control" ng-model="code.upd_dt" placeholder="Enter Update Date">
                </div>
                <div class="form-group">
                <label for="upd_user_id">Update User EID</label>
                <input type="text" class="form-control" ng-model="code.upd_user_id" placeholder="Enter Update User EID">
                </div>
                <div class="btn-group btn-group-justified" role="group">
                <div class="btn-group" role="group">
                <button type="submit" class="btn btn-primary btn-lg">Submit</button>
                </div>
                </div>
        <pre>{{user | json}}

        </pre>

            </form>
        </div>
    </div>
</div>

我在本地主机上运行Web应用程序时看到以下错误:TypeError:无法在module.factory.config.factory.provider。$ get( http://127.0.0.1:上设置未定义的属性'$ save' 62557 / client / js / lb-services.js:2409:34

另外,我没有运行$ http脚本,因为我已经安装并正在使用lb-services进行呼叫和返回请求。 问题在于我无法将请求发送到数据库或从数据库中提取数据。 我也正在运行Node。

任何帮助或见解都将不胜感激!

#1楼 票数:0 已采纳

您是否在以下位置看到了我的示例: https : //github.com/strongloop/loopback-example-angular 让我知道您是否仍然遇到问题。

#2楼 票数:0

我发现出了什么问题!

我的lbservices.js文件需要为' http:// localhost:3000 / api '时使用的基本URL是' / api '。

感谢您的帮助!!

  ask by S. Wilson translate from so

未解决问题?本站智能推荐:

1回复

我应该如何将LoopBack Framework应用程序连接到预先存在/已填充数据的MySQL数据库/数据源?

此问题专门与StrongLoop(IBM拥有/支持)的LoopBack Node.js框架有关。 据我所知,这应该是一个两步过程。 编写脚本以从现有的MySQL模式中发现/创建模型。 这是与此有关的官方文档: https : //loopback.io/doc/en/lb3/Dis
2回复

在 LoopBack 4 中的数据库迁移后设置新字段的值

Loopback 有一种简单的方法来处理数据库迁移,这与使用的方法不同,例如 knex.js。 在关于迁移的文档中,它说要改变表架构,您只需要编辑模型,环回将自动更新(在自动更新的情况下)或重新创建(在自动迁移的情况下)表。 但这是一种情况:假设我有一个正在生产的项目。 在数据库中,我有带有字段
1回复

环回发布API错误

我只是从StrongLoop了解回送以创建一个简单的API。 我在使API正常工作时遇到了一些麻烦。 这是我的配置: 这是我的model.json: 以下模型已成功迁移,我正在为数据库使用postgresql。 问题是当环回创建CRUD标准API时,当我尝试PO
1回复

身份验证和安全环回API

我创建了一个回送api(' http:// localhost:8100 / api / insertsubmitorder / insertOrders ')。 此api不安全。 我们可以使用OAuth2或“其他”来保护和认证此API吗? 我浏览了身份验证http://loopback.
1回复

环回如何从用户基础模型获取数据

我正在学习Loopback,我想知道最好的环回实践。 我有一个基于用户默认模型和跟随模型的成员模型。 会员可以有很多粉丝。 这是我的Follow模型 我希望该成员能够获取其关注者,但实现这一目标的最佳方法是什么: 我应该修改默认用户ACL,以便能够Member wi
1回复

环回从一个模块获取数据到另一个模块

我使用loopback3作为文件存储attachment.js,我有persistedmodel career.js用于存储数据。 现在我想在career.js中获取文件名。 这个怎么做。 career.js attachment.js
1回复

环回无法通过自我关系获取数据

基于用户模型的成员模型 跟随模型 例子1 在数据库中使用此数据时,尝试获取成员1的关注者和关注者时,我遇到了相同的错误。 例子2 在数据库中使用此数据时,这是我尝试获取成员1的关注者时的结果。 我不明白为什么我无法在这两个示例中获取数据。
1回复

我想在Loopback中为此JSON数据创建模型

我有这个JSON文件。 我想按原样保存数据。 因此,国家名称及其所有城市。 我创建了一个名为address的集合,但我不知道如何正确设置属性。 我正在使用MongoDB作为数据库。 我想创建json模型。