Fórum Não é possível encontrar o recurso - AngularJS ASP.NET MVC #604677

19/08/2019

0

ASP.NET MVC AngularJS

Alguém tem ideia o que pode ser o erro?

var app = angular.module("myApp", []);
app.controller("myCtrl", function ($scope, $http) {
    debugger;
    $scope.InsertData = function () {
        var Action = document.getElementById("btnSave").getAttribute("value");
        if (Action == "Gravar") {
            $scope.Chamado = {};
            $scope.Chamado.Titulo = $scope.ChamTitulo;
            $scope.Chamado.Descricao = $scope.ChamDescricao;
            $scope.Chamado.Cadastro = $scope.ChamCadastro;
            $scope.Chamado.Prioridade = $scope.ChamPrioridade;
            $scope.Chamado.Atendente = $scope.ChamAtendente;
            $http({
                method: "post",
                url: "http://localhost:50917/Chamado/Insert_Chamado",
                datatype: "json",
                data: JSON.stringify($scope.Chamado)
            }).then(function (response) {
                alert(response.data);
                $scope.GetAllData();
                $scope.ChamTitulo = "";
                $scope.ChamDescricao = "";
                $scope.ChamCadastro = "";
                $scope.ChamPrioridade = "";
                $scope.ChamAtendente = "";
            })
        } else {
            $scope.Chamado = {};
            $scope.Chamado.Titulo = $scope.ChamTitulo;
            $scope.Chamado.Descricao = $scope.ChamDescricao;
            $scope.Chamado.Cadastro = $scope.ChamCadastro;
            $scope.Chamado.Prioridade = $scope.ChamPrioridade;
            $scope.Chamado.Atendente = $scope.ChamAtendente;
            $scope.Chamado.ChamadoID = document.getElementById("ChamID_").value;
            $http({
                method: "post",
                url: "http://localhost:50917/Chamado/Update_Chamado",
                datatype: "json",
                data: JSON.stringify($scope.Chamado)
            }).then(function (response) {
                alert(response.data);
                $scope.GetAllData();
                $scope.ChamTitulo = "";
                $scope.ChamDescricao = "";
                $scope.ChamCadastro = "";
                $scope.ChamPrioridade = "";
                $scope.ChamAtendente = "";
                document.getElementById("btnSave").setAttribute("value", "Gravar");
                document.getElementById("btnSave").style.backgroundColor = "cornflowerblue";
                document.getElementById("spn").innerHTML = "Adicionar novo chamado";
            })
        }
    }
    $scope.GetAllData = function () {
        $http({
            method: "get",
            url: "http://localhost:50917/Chamado/Get_AllChamado"
        }).then(function (response) {
            $scope.chamados = response.data;
        }, function () {
            alert("Error Occur");
        })
    };
    $scope.DeleteCham = function (Cham) {
        $http({
            method: "post",
            url: "http://localhost:50917/Chamado/Delete_Chamado",
            datatype: "json",
            data: JSON.stringify(Cham)
        }).then(function (response) {
            alert(response.data);
            $scope.GetAllData();
        })
    };
    $scope.UpdateCham = function (Cham) {
        document.getElementById("ChamID_").value = Cham.ChamadoID;
        $scope.ChamTitulo = Cham.Titulo;
        $scope.ChamDescricao = Cham.Descricao;
        $scope.ChamCadastro = Cham.Cadastro;
        $scope.ChamPrioridade = Cham.Prioridade;
        $scope.ChamAtendente = Cham.Atendente;
        document.getElementById("btnSave").setAttribute("value", "Alterar");
        document.getElementById("btnSave").style.backgroundColor = "Yellow";
        document.getElementById("spn").innerHTML = "Alterar chamado";
    }
})  


@{
    ViewBag.Title = "Index";
}
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/AngularCode.js"></script>
<style>
    .btn-space {
        margin-left: -5%;
        background-color: cornflowerblue;
        font-size: large;
    }
</style>
<h2>Index</h2>
<div ng-app="myApp">
    <div ng-controller="myCtrl" ng-init="GetAllData()" class="divList">
        <p class="divHead">Lista de chamados</p>
        <table cellpadding="12" class="table table-bordered table-hover">
            <tr>
                <td>
                    <b>ID</b>
                </td>
                <td>
                    <b>Titulo</b>
                </td>
                <td>
                    <b>Descricao</b>
                </td>
                <td>
                    <b>Cadastro</b>
                </td>
                <td>
                    <b>Prioridade</b>
                </td>
                <td>
                    <b>Atendente</b>
                </td>
            </tr>
            <tr ng-repeat="Cham in chamado">
                <td>
                    {{Cham.ChamadoID}}
                </td>
                <td>
                    {{Cham.Titulo}}
                </td>
                <td>
                    {{Cham.Descricao}}
                </td>
                <td>
                    {{Cham.Cadastro}}
                </td>
                <td>
                    {{Cham.Prioridade}}
                </td>
                <td>
                    {{Cham.Atendente}}
                </td>
                <td>
                    <input type="button" class="btn btn-warning" value="Alterar" ng-click="UpdateCham(Cham)" />
                    <input type="button" class="btn btn-danger" value="Apagar" ng-click="DeleteCham(Cham)" />
                </td>
            </tr>
        </table>
        <div class="form-horizontal" role="form">
            <div class="container">
                <div class="row">
                    <h2>
                        <span id="spn">Adicionar novo chamado</span>
                    </h2>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-lg-4">
                        <div class="form-group">
                            <label class="col-md-4 control-label">Título:</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control" id="inputTitulo" placeholder="Título" ng-model="ChamTitulo">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="form-group">
                            <label class="col-md-4 control-label">Descrição:</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control" id="inputDescricao" placeholder="Descrição" ng-model="ChamDescricao">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="form-group">
                            <label class="col-md-4 control-label">Cadastro:</label>
                            <div class="col-md-8">
                                <input type="date" class="form-control" id="inputCadastro" ng-model="ChamCadastro">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="form-group">
                            <label class="col-md-4 control-label">Prioridade:</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control" id="inputPrioridade" placeholder="Prioridade" ng-model="ChamPrioridade">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="form-group">
                            <label class="col-md-4 control-label">Atendente:</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control" id="input
Luis Fregonesi

Luis Fregonesi

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar