angularjs component stackoverflow 1

angularjs component stackoverflow

ByAnurag batra 
angular.module('myApp')
    .component('component', {
        templateUrl: 'component.html',
        controller: function ComponentCtrl(){
            this.innerProp = "inner";  //Tied to controller scope
        },
        controllerAs: 'vm',   // Replaces scope, by default components use `$ctrl`
        bindings: {
           input: '=?'
        }
});

Here is what the above code is Doing:
1. The component is named `component`
2. The template is `component.html`
3. The controller is `ComponentCtrl`
4. The controllerAs is `vm`
5. The bindings are `input`

### Component Template

The template is the HTML that will be rendered when the component is used.

“`html

{{vm.innerProp}}

{{vm.input}}

“`

### Component Controller

The controller is the JavaScript that will be executed when the component is used.

“`javascript
function ComponentCtrl(){
this.innerProp = “inner”; //Tied to controller scope
}
“`

### Component ControllerAs

The controllerAs is the name of the controller that will be used in the template.

“`javascript
controllerAs: ‘vm’, // Replaces scope, by default components use `$ctrl`
“`

### Component Bindings

The bindings are the properties that can be passed into the component.

“`javascript
bindings: {
input: ‘=?’
}
“`

## Component Usage

“`html

“`

## Component Output

“`html

inner

outer

“`

## Component Demo

[Component Demo](https://codepen.io/james-priest/pen/QWbYQQR)

## Component Documentation

[Component Documentation](https://docs.angularjs.org/guide/component)

Similar Posts

how to use a fixed time zone in nodejs

how to use a fixed time zone in nodejs

ByAnurag batra

const nDate = new Date().toLocaleString(‘en-US’, { timeZone: ‘Asia/Calcutta’ }); console.log(nDate); Here is what the above code is Doing: 1. We are creating a new Date object. 2. We are converting it to a string using toLocaleString() method. 3. We are passing the timezone as a parameter to the toLocaleString() method. The output of the above…

python run javascript

python run javascript

ByAnurag batra

import js2py js = “”” function escramble_758(){ var a,b,c a=’+1 ‘ b=’84-‘ a+=’425-‘ b+=’7450′ c=’9′ document.write(a+c+b) } escramble_758() “””.replace(“document.write”, “return “) result = js2py.eval_js(js) # executing JavaScript and converting the result to python string Here is what the above code is Doing: 1. It’s defining a function called escramble_758() 2. It’s defining three variables: a,…

ClassNotFoundException: com.fasterxml.jackson.core.JsonGenerator

ClassNotFoundException: com.fasterxml.jackson.core.JsonGenerator

ByAnurag batra

com.fasterxml.jackson.core jackson-core 2.5.2 Here is what the above code is Doing: 1. Create a new ObjectMapper instance. 2. Create a new ObjectNode instance. 3. Add a new field to the ObjectNode instance. 4. Convert the ObjectNode instance to a String. 5. Print the String. The output of the above code is: {“name”:”John”}