Получить значение переменной $ scope в HTML

Question

Получить значение переменной $ scope в HTML

0

Я новичок в Angular. У меня проблема, например, я создаю переменную в Controller JS но не могу получить в HTML-части.

<html ng-app='Demo'>    
<body>
            <h2>Select Your Symbol</h2><br><br>
            <div class='selection' ng-controller='MasterController' ng-init="selectedSymbol = ''" >
                <div class=" col-md-3"></div>
                <div  ng-repeat="symbol in symbols" ng-model="selectedSymbol">
                    <a class='col-xs-1 box' id={{symbol.definition}} ng-click="remove(symbol); user= symbol.definition" ><big class='fixed'>{{symbol.definition}}</big></a>
                </div>
            </div><br>
            {{selectedSymbol}}
        </body>
</html>

JS часть

(function( ng) {

    "use strict";

    // Define our AngularJS application module.
    window.demo = ng.module( "Demo", [] );

})( angular );
(function( ng, app ) {

    "use strict";

    app.controller(
        "MasterController",
        function( $scope ) {


            // -- Define Controller Methods. ---------------- //

                $scope.symbols = [
            {
                definition: 'X',
            },
            {
                definition: 'O',
            }
        ];
        $scope.remove = function(symbol) {
         if(symbol.definition == 'X' && this.symbols.length >1)
         {
            this.symbols.splice(1);
            $scope.selectedSymbol = 'X';
            alert($scope.selectedSymbol);
         }
         else if (symbol.definition == 'O' && this.symbols.length >1)
         {
            this.symbols.splice(0,1);
             $scope.selectedSymbol = 'O';
             alert($scope.selectedSymbol);
         } 

        };
        }
    );

})( angular, demo );

Теперь я могу видеть $scope.selectedSymbol в Alert но не могу иметь в html. Я хочу использовать в качестве Углового.

Пожалуйста, помогите Спасибо

krishna Ram 18 июль 2015, в 15:03

Источник

0

Можете ли вы предоставить скрипку>
ngLover 18 июль 2015, в 12:09
0

Это дало ошибку. Я пытаюсь добавить это.
krishna Ram 18 июль 2015, в 12:11

Теги:

jquery

angularjs

1 ответ

Ещё вопросы

Можете ли вы предоставить скрипку>
Это дало ошибку. Я пытаюсь добавить это.

K K · Accepted Answer · 2015-07-18T09-17-00.000Z

Вы можете получить доступ только к переменной области видимости внутри контейнера контроллера, то есть к div в вашем случае. Вне этого div переменная scope не определена. Поместите этот тег внутри div, вы сможете получить к нему доступ.

Пример:

<div class='selection' ng-controller='MasterController' ng-init="selectedSymbol = ''">
    <div class=" col-md-3"></div>
    <div ng-repeat="symbol in symbols" ng-model="selectedSymbol"> <a class='col-xs-1 box' id={{symbol.definition}} ng-click="remove(symbol); user= symbol.definition"><big class='fixed'>{{symbol.definition}}</big></a>

    </div>{{selectedSymbol}}<!--This is well inside the scope of controller and hence you can access it in the html-->
</div>