CODEWITHSUNDEEP
javascriptjqueryhtmlangularjs
Nagendra555
Nagendra555

Reputation: 141

Angular JS: Not able to return the modified text area to JavaScript

HTML:

<div class="col-md-12 col-lg-12">
    <div class="panel with-nav-tabs panel-default">
        <div class="panel-heading">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1default" data-toggle="tab">Apex Editor</a></li>
            </ul>
        </div>
        <div class="panel-body">
            <div class="btn-group-vertical">
                <button type="button" class="btn btn-primary" id="editBtn">Edit</button>
                </button>
            </div>
            <div class="tab-content" align="left">

                <div>{{apexClassWrapper.name}}</div>
                <pre class="prettyprint">
                    <code class="language-java">
                        <textarea ng-change>{{apexClassWrapper.body}}</textarea>
                    </code>
                </pre>
            </div>
            <button type="button" class="btn btn-primary" id="saveBtn" ng-click="postdata(apexClassWrapper)">Save</button>
        </div>
    </div>
</div>

JavaScript :

function OrderFormController($scope, $http) {

    $http.get("http://localhost:8989/getApexBody").then(function (response) {
        $scope.apexClassWrapper = response.data;
    });


    $scope.postdata = function (apexClassWrapper) {
        console.log(apexClassWrapper);

        var dataObj = {
            name: apexClassWrapper.name,
            body: apexClassWrapper.body,
            id: apexClassWrapper.id
        };

        $http.post("http://localhost:8989/modifyApexBody", dataObj)
            .success(function (data) {
                $scope.message = data;
            })
            .error(function (data) {
                alert("failure message: " + JSON.stringify({data: data}));
            });

    };

};

When I click the Save Button, I am not able to get the modified data from the <textArea> tag, it provides me the scope data. How can I pass the modified data from TextArea from Html to my JavaScript file when I click Save button?

2nd Question: I am using "prettyprint" but it still does not work, I have included these files also:

<script src="../js/prettify.js"></script>
<script src="../js/run_prettify.js"></script>
<script src="../js/lang-basic.js"></script>
<link href="../css/prettify.css" rel="stylesheet"/>

The text area still shows normal black text.

Upvotes: 1

Views: 30

Answers (1)

Marcus H&#246;glund
Marcus H&#246;glund

Reputation: 16811

Set the NgModel on the tag

<textarea ng-model="apexClassWrapper.body"></textarea>

Upvotes: 1

Related Questions