Question

我现在已经设置了文件，其中一个是我的index.html文件，另一个是app.javascript文件。由于某种原因，我总是收到错误消息，说“未定义Angular”，我不确定为什么我的脚本文件看起来也正确放置。下面是我的索引文件和app.js文件的样子

index.html

<html>

<head>

    <meta charset="utf-8">

    <!Stylesheet>

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/darkly/bootstrap.min.css">

    <link rel="stylesheet" href="style.css">

    <!Javascript>

    <!-- load angular, nganimate, and ui-router -->

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.min.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-animate.min.js"></script>

    <script src="app.js"></script>

</head>

<!MainAngularApp>

<body ng-app="OnboardingApp">

    <div class="container">

        <!Injecting all the views here>

        <div ui-view></div>

    </div>

</body>

</html>

app.js

///创建注入ngAnimate UIRouter的Angular应用

angular.module('OnboardingApp', ['ngAnimate', 'ui.router'])

//Configuring the routes

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

    $stateProvider



    //Route followed to show our form

    .state('form',{

        url:'/form',

        templateUrl: 'form.html',

        controller: 'formController'

    })



    //Nested States where each will have their own view



    //Nesting the sign up form

    .state('form.signup',{

        url:'/signup',

        templateURL:'form-signup.html'

    })



    //Nesting the Question form 

    .state('form.questions',{

        url:'/questions',

        templateUrl:'form-questions.html'

    })



    //Nesting the Finish form

     .state('form.finish',{

        url:'/finish',

        templateUrl:'form-finish.html'

    });



    $urlRouterProvider.otherwise('/form/signup');

})

.controller('formcontroller', function($scope){

    //Storing all the form data into the form data object

    $scope.formData= {};



    //Function to process form data

    $scope.processData = function(){

        alert('Sign up is successful')

    };



});

Answer 1

您需要在视图中定义ng-app，以便启动angularjs应用，

<div class="container" ng-app="OnboardingApp">

“未定义角度”

1 个答案: