Questions[angularjs]

Well this is the error I get when I run protractor:

Failed: Angular could not be found on the page http://localhost:8080/ . If this is not an Angular application, you may need to turn off waiting for Angular.

The only thing I've done is change node versions to 7 , and install protractor and phantomjs , and when I run the protractor tests/tests.js command I get that error.

tests.js:

exports.config = {
    seleniumAddress: 'http://localhost:4444/wd/hub',
    chromeOnly: true,
    specs: ["e2e/TC01-loadFilm.js"]

};

AngularJS and Bootstrap is installed in a /public folder, both my /public and /tests folders are in the root of the project, I don't know if that will be the problem.

I have the following code in Angular 1.X:

 <md-input-container style="margin:0; overflow-y: hidden !important;">
        <label>STATUS</label>
        <md-select style="overflow-y: hidden !important;" ng-model="query.filter.status">
        <md-option ng-repeat="status in statuses" ng-value="
{{status.key}}"><span>{{status.val}}</span></md-option>
        </md-select>
    </md-input-container>

Currently when the element is selected a scrolling list of 7 elements is opened. I have already tried putting max-widthhigh and overflow-y: hidden;everywhere and there is no way.

I haven't found anything in the documentation to disable scrolling.

Does anyone know what I'm missing?

I am trying to make a form with angularjs 1.5 to get the token from a server, but when clicking I am not getting any result or error message.

I use AngularUI Router to set the route of the form...

      // otras rutas
      .state('login', {
        url: '/login',
        templateUrl: '/app/auth/_login.form.html',
        controler: 'LoginController',
        controllerAs:'in'
      });
      // otras rutas

And I can display my form correctly:

<!-- Archivo: /app/auth/_login.form.html -->
<div class="row">
  <div class="offset-sm-3 col-sm-6">
    <h2>Formulario de Ingreso</h2>
    <form role="form" name="form">
      <div class="form-group">
        <label for="username">Nombre de Usuario</label>
        <input type="text" data-ng-model="in.credentials.username" name="username" id="username" class="form-control" required />
        <span></span>
      </div>
      <div class="form-group">
        <label for="password">Contraseña</label>
        <input type="password" data-ng-model="in.credentials.password" name="password" class="form-control"  id="password" />
      </div>
      <div class="form-actions">
        <button data-ng-submit="in.login(in.credentials)" type="submit" id="submit" class="btn btn-primary">Ingresar</button>
      </div>
    </form>
  </div>
</div>

In the submit button I establish that when clicked the function is called in.login()with credentialsas a parameter. This is the controller.

(function(angular){
  'use strict';

  function LoginController($scope, $rootScope, auth, session){
    var self = this;
    var _credentials = $scope.credentials;

    var _login = function(_credentials){
      // console.log(_credentials);
      // ^^^^^^^^^^^^^^^^^^^^^^^^^^ Esta línea **nunca se ejecuta**
      auth
        .logIn(_credentials)
        .then(function(){
          _user = session.getUser();
        });
    };

    self.login = _login;
    self.credentials = _credentials;
  }

  LoginController.$inject = ['$scope', '$rootScope', 'auth', 'session'];

  angular.module('cmi')
    .controller('LoginController', LoginController);

})(angular);

The dependencies authand sessionare services that request the Token and save it in LocalStorageand, according to me , its operation is already verified.

Problem

Clicking the Enter button does nothing. There are no error messages in the console and the debug line I put inside _login()never runs.

I would like to know what I am doing wrong and how to correct my error.

The expected result is the following: I type the username and password and press the submit button. These two data are passed to the service auththat sends them to the server that returns a token. But I can't get past the first step.

Thanks.

I want to know if it is possible to change the default style that appears when placing a <input type="file" />on our page. Here I leave a screenshot.

The image above is a screenshot of my tablet, where I save the image path to later display it in the view.

I would like to remove the input in the default way it appears, and place it in the upper right corner and only the ionic clear button style button appears, as I edited the image.

Code link: Codepen

Thanks in advance for any assistance.

I need to send the value of a hidden field with ng-value I put the code of which I am sending a text content type

<form>
    <div class="comment_it commentupdate">
        <div class="up_img">
            <img src="" width="35" height="35" />
        </div>
        <div class="comments-text-post-area">
            <input type="hidden" ng-model="c.cid" ng-value="'{{p.id}}'">
            <textarea class="add-y-comment" ng-model="c.comment" placeholder="Comentar"></textarea>
        </div>

        <div class="comment-post-wall">
            <div class="cancel-comment">
                <button type="button" name="button" id="">CANCELAR</button>
            </div>
            <div class="send-comment">
                <button type="submit" name="button" ng-click="c.addComment()">ENVIAR</button>
            </div>
        </div>
    </div>
</form>

In the Chrome console I only capture the text typed in the textarea. p.id is the value of the post to comment

angular .module('apiFromApp')

.controller('CommentController', CommentController);

CommentController.$inject = ['$http'];

/* @ngInject */
function CommentController($http) {
    var self = this;

    //sendComment();

    self.addComment = function() {
      console.log(self);
    }
}