为什么我的jsangular不在我的范围内循环?

时间:2015-07-21 04:51:42

标签: javascript html angularjs

所以我在学习JSAngular中的指令和控制器。目前我只是想让开胃菜在菜单上循环,但似乎无法让输出响应。我在这里错过了什么?提前谢谢。

MainController.js:

app.controller('MainController', ['$scope', function($scope) {
  $scope.today = new Date();

  $scope.appetizers = [
    {
      name: 'Caprese',
      description: 'Mozzarella, tomatoes, basil, balsmaic glaze.',
      price: 4.95
    },
    {
      name: 'Bruschetta',
      description: 'Grilled bread garlic, tomatoes, olive oil.',
      price: 4.95
    },
    {
      name: 'Mozzarella Sticks',
      description: 'Served with marinara sauce.',
      price: 3.95
    }
  ];

  $scope.mains = [
    {
      name: 'Roast Beef Au Jus',
      description: 'Delicious Amazing Sauce',
      price: 15.99
    },
    {
      name: 'Prime Rib',
      description: 'Just like Jacoby/s',
      price: 18.95
    },
    {
      name: 'BBQ Ribs',
      description: 'Better than Krupa/s',
      price: 15.99
    }
  ]

  $scope.extras = [
    {
      name: 'Cole slaw',
    },
    {
      name: 'Creamed Spinach',
    },
    {
      name: 'Boston Baked Beans',
    }
  ]

}]);
<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic|Oswald' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
  </head>
  <body ng-app='PizzaPlanetApp'>
    <div class="header">
      <h1><span>Pizza</span><span>Planet</span></h1>
    </div>

    <div class="main" ng-controller="MainController">
      <div class="container">
        <h1>Specials for {{ today | date }}</h1>
        <h2>Appetizers</h2>
        <div class="appetizers row" ng-repeat="appetizer in appetizers">
          <div class="item col-md-9">
            <h3 class="name"> {{ appetizer.name }} </h3>
            <p class="description"> {{ appetizer.description }} </p>
          </div>
          <div class="price col-md-3">
            <p class="price"> {{ appetizers.price | currency }} </p>
          </div>
        </div>

      </div>
    </div>

    <div class="footer">
      <pizza-footer></pizza-footer>
    </div>

    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
  </body>
</html>

1 个答案:

答案 0 :(得分:1)

您需要先参考您的 $ ./sbt/sbt assembly Invoking 'build/sbt assembly' now [info] Loading project definition... [warn] Multiple resolvers having different access mechanism configured with same name 'sbt-plugin-releases'. ... [info] Resolving org.eclipse.jetty#jetty-parent;18 [error] Server access Error: Connection reset url=http://download.eclipse.org/jgit/maven/org/eclipse/jetty/jetty-parent/18/jetty-parent-18.jar [error] Server access Error: Server redirected too many times (20) url=http://scalasbt.artifactoryonline.com/scalasbt/sbt-plugin-releases/org.eclipse.jetty.orbit/jetty-orbit/1/jars/jetty-orbit.jar 申请模块。在创建控制器之前添加以下代码行。

String query ="SELECT * FROM table_name WHERE username=username_value & password=password_value";

Cursor  cursor = database.rawQuery(query,null);

    if (cursor != null) {
        // success
    }else{
   //   fail
}

这是指您要创建控制器的应用程序,并包含您的应用所依赖的模块列表。

在您的情况下,列表为空。

jsfiddle