Asp.net ng观点表达是；不起作用_Asp.net_Angularjs

Asp.net ng观点表达是；不起作用

asp.net angularjs

Asp.net ng观点表达是；不起作用,asp.net,angularjs,Asp.net,Angularjs,index.cshtml <head> <meta name="viewport" content="width=device-width" /> <title></title> <script src="~/Scripts/angular.min.js"></script> <script src="~/Scripts/angular-route.min.js"></s

index.cshtml

<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>

    <script src="~/Scripts/angular.min.js"></script>

    <script src="~/Scripts/angular-route.min.js"></script>

    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script src="~/App/App.js"></script>

    <script src="~/App/Controllers/FlightCtrl.js"></script>

</head>
<body>
    <div id="wrapper">
        <a href="#/Admin" class="navbar-brand">Hi</a>
        @*<resolve-loader></resolve-loader>*@
        <div class="nav navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" >
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li class="dropdown">
                            <a>Add Flight</a>


                        </li>
                    </ul>


                </div>

        </div>


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

//var FlightCtrl = angular.module("FlightCtrlModule", []);

AirReservationApp.controller("FlightCtrl", ["$scope",  "$rootScope", "$timeout", "$window", "$route",
    function ($scope, $rootScope, $timeout, $window, $route) {
        alert('Hello');
        $scope.saveBtnText = "Create";
    }]);

AddFlight.html

<div ng-controller="FlightCtrl">
    <ng-form name="formFlight">
        <div>



                  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <label class="col-xs-12 col-sm-12 col-md-12 col-lg-12" for="question">Question <span class="mandatory">*</span> </label>
                <div class="form-group col-xs-9 col-sm-9  col-md-8 col-lg-8"

                    <input type="text" name="FlightCode"
                           ng-required="=true" existnamevalidate valid="YN"
                           placeholder="Enter Flight Code"
                           ng-model="CreateFlight.Flight.FlightCode">

                    <span class="help-block"

                        Flight code is required.>
                    </span>
                    <span class="help-block"

                        This Flight Code already exists.>
                    </span>


                </div>
            </div>


            <!--ng-show="isTextType"-->

            <div class="row btn-pos-change">
                <div class="col-md-12 padding-top-12 btn-blocks">
                    <div class="form-group">

                        <button type="button" class="btn btn-success pull-right"

                                >
                          {{saveBtnText}}
                        </button>
                    </div>
                </div>
            </div>

        </div>
    </ng-form>
</div>

表达式{saveBtnText}}不显示“Create”。有人能帮我吗。

试试这个

首先在App.js中的AirReservationApp模块顶部创建FlightCtrlModule模块，并将其注入AirReservationApp模块

App.js

var AirReservationApp = angular.module("AirReservationApp", ['ngRoute']);


AirReservationApp.config(['$routeProvider',
    function ($routeProvider)
    {
        $routeProvider.
            when('/Admin', { templateUrl: 'App/Views/Flights/AddFlight.htm', controller: 'FlightCtrl' }).
        otherwise({
            redirectTo: '/Admin'
        });

    }
]);

  var FlightCtrl = angular.module("FlightCtrlModule", []);
  FlightCtrl.controller("FlightCtrl",  ["$scope", "$rootScope", "$timeout", "$window", "$route",
    function ($scope, $rootScope, $timeout, $window, $route)
    {
        alert('Hello');
        $scope.saveBtnText = "Create";
    }]);

angular.module("FlightCtrlModule", []);

var AirReservationApp = angular.module("AirReservationApp", ['ngRoute',    'FlightCtrlModule']);

AirReservationApp.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.
            when('/Admin', { templateUrl: '/home.html', controller:   'FlightCtrl'    }).
            otherwise({
                redirectTo: '/Admin'
            });

    }
]);

现在，将FlightCtrl控制器连接到AirReservationApp模块，以访问FlightCtrlModule模块

FlightCtrl

<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>

    <script src="~/Scripts/angular.min.js"></script>

    <script src="~/Scripts/angular-route.min.js"></script>

    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script src="~/App/App.js"></script>

    <script src="~/App/Controllers/FlightCtrl.js"></script>

</head>
<body>
    <div id="wrapper">
        <a href="#/Admin" class="navbar-brand">Hi</a>
        @*<resolve-loader></resolve-loader>*@
        <div class="nav navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" >
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li class="dropdown">
                            <a>Add Flight</a>


                        </li>
                    </ul>


                </div>

        </div>


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

//var FlightCtrl = angular.module("FlightCtrlModule", []);

AirReservationApp.controller("FlightCtrl", ["$scope",  "$rootScope", "$timeout", "$window", "$route",
    function ($scope, $rootScope, $timeout, $window, $route) {
        alert('Hello');
        $scope.saveBtnText = "Create";
    }]);

更新

如果你想保持你的接近，你可以做的是，将飞行控制器移动到app.js上方，如下所示：

    <script src="~/App/Controllers/FlightCtrl.js"></script>
    <script src="~/App/App.js"></script>

两种方法都有相同的结果

Hi Twenty40，你的第二种方法解决了我的问题。非常感谢。我能知道你的名字吗？我很乐意帮忙。请接受答案。我叫克里斯蒂安·索勒。